HTML Report for https://www.centracare.com/careers/
This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to changeShowing results for https://www.centracare.com/careers/
You can view the notes...
view-source:https://www.centracare.com/careers/
| # | results |
|---|---|
| 1 |
Error
On line 50, column 26878 <!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page13-VUtW2D" class="desktop en_us external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page13-5Kdrei"><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page13-vdeQrm" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page13-ZqWRZS" /> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/en_us/desktop/assets/images/favicon.ico" rel="icon" data-ph-id="ph-page-element-page13-M8sKCS" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/en_us/desktop/assets/images/h/apple-touch-icon.png" data-ph-id="ph-page-element-page13-H5JHZa" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/en_us/desktop/assets/images/m/apple-touch-icon.png" data-ph-id="ph-page-element-page13-Z9mKcZ" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/en_us/desktop/assets/images/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page13-RlWw6z" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/en_us/desktop/assets/images/l/apple-touch-icon.png" data-ph-id="ph-page-element-page13-cokJYz" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/en_us/desktop/assets/images/l/splash.png" data-ph-id="ph-page-element-page13-MzRm7b" /> <script type="text/javascript" nonce="">/*&lt;!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://jobs.centracare.com/widgets","country":"us","deviceType":"desktop","locale":"en_us","absUrl":true,"refNum":"CEVCHSUS","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://jobs.centracare.com/us/en/","baseDomain":"https://jobs.centracare.com","phenomTrackURL":"jobs.centracare.com/us/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://jobs.centracare.com","pageId":"page13"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"thirdPartyLibraries":{"internal":["heap-analytics","open-replay"]},"imEagerLoadDdoList":[{"name":"getProfileStatus","cache":false},{"name":"getRegionLocales","cache":true},{"name":"getIMConfigurations","cache":true},{"name":"getClientReferFlow","cache":true},{"name":"imVariantsConfigInfo","cache":true},{"name":"mergedProfile","cache":false},{"name":"getProfileWeightage","cache":false},{"name":"masterFrequencyV1","cache":true},{"name":"userAlertSettings","cache":true},{"name":"fitScoreSettingsIM","cache":true},{"name":"employeeSearchConfig","cache":true},{"name":"getEmployeeProfile","cache":false},{"name":"getGroupInfo","cache":true},{"name":"getAppliedJobs","cache":true},{"name":"getProfileFieldsSettings","cache":true}],"ignoreCovidWidgetPagesList":["chatbot"],"uniqueEventSubsList":["getUserProfileData"],"smoothAnchorSettings":{"ignore":true},"embedScriptVersion":"0.9.4","isUrlLowerForSeo":false,"recommendedTrackingConfig":{"category":{"storageKey":"categories","ddoKeysToStore":["category"],"maxKeysToStore":"4"},"job":{"storageKey":"jobsViewed","ddoKeysToStore":["jobSeqNo"],"maxKeysToStore":"4"},"search-results":[{"storageKey":"keywords","ddoKeysToStore":["keywords"],"maxKeysToStore":"4"},{"storageKey":"locations","ddoKeysToStore":["location","field"],"maxKeysToStore":"4"}]},"ignoreCookiePages":["chatbot"],"globalManagedWidgetIds":["8b82bfdaafd4d8504005407db933c9a6"],"phwPxScrVerionUrl_bkp":"common/js/canvas/vendor/phw-px-hadlr-1.3.js","maps":{"google":{"apiScript":"https://maps.googleapis.com/maps/api/js","clusterJsScript":"markerclusterer-v1.js","gmapsInfoBoxScript":"gmaps-infobox-v1.js","apiKey":"AIzaSyBqM-rW0r-sR9PerNAvvsmzbBeoFu3Ycz8"},"mapbox":{"mapboxScript":"mapbox-gl.js","superClusterJsScript":"supercluster.min.js","apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Mpna1KIqU8Gj6zjPy4iygw"},"mapboxCN":{"mapboxScript":"mapbox-gl-v1.1.0.js","superClusterJsScript":"supercluster.min.js","mapboxTurf":"mapbox-turf.min-v1.js","mapboxSearch":"mapbox-gl-geocoder.min.js","mapboxDirections":"mapbox-gl-directions.js","enableDirections":true,"apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Srl2-pw3xDRilymEjEoeig","baseApiUrl":"https://api.mapbox.cn"}},"ignoreLinkedInStateParam":false,"tokenConfiguredTenants":{"refNums":["RBCAA0088"]},"fetchBlogShareSettingsFromSiteconfig":true,"oneTrust":{"class":["ot-sdk-show-settings"]},"videoScreeningGlobalStyles":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/ph-vs-global-styles-v1.css","cdnConfig":{"cdnDdos":["fitScoreSettings","landingPageOverview","categoryContentV2","candidateProfileConfig","categoryMasterData","jobTagSettings","getBusinessRules","getMasterCategories","categoryMasterDataV2","caasFetchRawConfig","globalSearchConfig","categoryContent","siteBranding","blogsharewidgetsettings","audiencePxWidgetConfig","jobsharewidgetsettings","npsConfig","socialConnectOptions","getRegionLocales","jobLogoConfig","supportedLanguages","getMasterLocations","locationmapsettings","pxAudJobwidgetsettings","getRegionLocales","eventsharewidgetsettings","jobwidgetsettings","fyfConfig","getPiiConsentConfig","glassdoorReviews","masterFrequencyV1"],"cdnUrl":"https://content-us.phenompeople.com","pageNameLevelDdos":[],"pageIdlevelDdos":[]},"crawlerUserAgents":"Screaming Frog|googlebot|yahoo|bingbot|baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator|redditbot|Applebot|WhatsApp|flipboard|tumblr|bitlybot|SkypeUriPreview|nuzzel|Discordbot|Google Page Speed|Qwantify|pinterestbot|Custom|msnbot|DuckDuckBot|BingPreview|spider|MJ12bot|deepcrawl|Chrome-Lighthouse","siteSettings":{"locationSlider":false,"refineSearch":{"enabledFacets":["category","city","type","remote","companyName","hoursPerPayPeriod","phLocSlider"],"facetDisplayNames":{"category":"Category","city":"City","type":"Employment Type","remote":"Remote","companyName":"Company","hoursPerPayPeriod":"Hours","phLocSlider":"Radius Search"},"facetPlaceholderNames":{"category":"Category","city":"City","type":"Employment Type","remote":"Remote","companyName":"Company","hoursPerPayPeriod":"Hours ","phLocSlider":"Radius Search"},"defaultFacetsToOpen":["phLocSlider"],"facetConfig":{"phLocSlider":{"sliderRadius":51,"aboveMaxRadius":true,"locationRangeEnd":50,"sliderDelta":1}}},"gdpr":{"cookieType":"sticky","enabled":true,"showDecline":false},"oauth":{"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"314102134023707","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"75qvndrmqmkxfo","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"}}},"size":"10","refNum":"CEVCHSUS","siteVariant":"external","privacyDataConsentCheckBox":true,"iubenda":{"class":["iubenda-cs-preferences-link"],"attr":{"href":"javascript:_iub.cs.ui.openPreferences()"}},"isNativeEmailClientForBlog":true,"iscdnEnabled":true,"calendarApiKey":{"clientId":"aPuJFtcvVzuUHrqeLmPL36170","apiToken":"api1514482884HylDN8tqa6mgQxWCpnjo36170","userZone":true},"trackingConfig":{"ddoDataPath":{"jobDetail":"data.job"},"job_category_click":{"trait14":"key"},"job_category_search_click":{"trait14":"key"},"play_click":{"trait260":"videotype","videoId":"videoid"},"pause_click":{"trait260":"videotype","videoId":"videoid"},"similar_job_click":{"trait12":"jobSeqNo","related":{"ddo":[{"name":"jobDetail","data":{"trait5":"jobSeqNo","trait14":"category"}}]}},"linkedin_recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recently_viewed_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"next_click":{"trait254":"stepName","typedValue":"typedValue","selected_values":"selected_values"},"ddo_failure":{"trait254":"stepName","response":"response","ddoKey":"ddoKey"},"ddo_error":{"trait254":"stepName","error":"error","ddoKey":"ddoKey"},"skip_questions_click":{"trait254":"stepName"},"previous_click":{"trait254":"stepName"},"registration_submit":{"trait27":"email","trait15":"firstName","trait24":"phone"},"edit_profile_information":{},"resume_remove_click":{},"profile_questions_click":{},"resume_upload_click":{},"create_profile_click":{},"upload_new_file_click":{},"clear_text_click":{"trait6":"clearSearchValue"},"send_feedback_click":{"userFeedback":"userFeedback"},"submit_rating_click":{"userRating":"userRating"},"near_job_click":{"trait5":"jobSeqNo","trait14":"category"},"suggestions":{"stepName":"stepName","typed_values":"typed_values","selected_values":"selected_values"},"fyf_step_loaded":{"step":"step"},"fyf_options_closed":{},"favorite_job_click":{"trait5":"jobSeqNo","trait14":"category"},"job_added_to_jobcart":{"trait5":"jobSeqNo","trait14":"category"},"job_unfavorited":{"trait5":"jobSeqNo","trait14":"category"},"job_favorite_delete_click":{"trait5":"jobSeqNo","trait14":"category"},"type_ahead_search":{},"similar_job_see_more_click":{},"linkedin_login_click":{},"linkedin_logout_click":{},"view_all_glassdoor_reviews_click":{},"homepage_category_click":{"trait14":"key"},"category_click":{"trait14":"key"},"job_click":{"trait5":"jobSeqNo","trait14":"category"},"previous_job_click":{"trait5":"jobSeqNo"},"next_job_click":{"trait5":"jobSeqNo"},"linkedin_recommended_category_click":{"trait14":"category"},"back_to_search_results_click":{},"share_event":{"trait269":"eventScheduleId","trait213":"provider"},"blog_click":{"trait283":"url"},"blog_category_click":{"trait14":"categoryName"},"next_blog_click":{"trait283":"url"},"previous_blog_click":{"trait283":"url"},"blog_details_view":{"trait283":"blog"},"navigate_to_tweet_click":{"tweetUrl":"tweetUrl"},"fit_level_loaded":{"jobsFitLevel":"jobsFitLevel","totalJobs":"totalJobs","availableFitLevelCount":"availableFitLevelCount"},"smart_tags_loaded":{"smartJobTags":"smartJobTags","totalJobs":"totalJobs","availableJobTagCount":"availableJobTagCount"},"edit_role_click":{"trait13":"trait13"},"select_role_click":{"trait13":"trait13","trait260":"trait260"},"save_employee_info_click":{"trait62":"trait62"},"update_employee_info_click":{"trait62":"trait62"},"signIn_click":{"trait260":"trait260","userId":"userName"},"signUp_click":{"trait260":"trait260","userId":"userName"},"reset_password_click":{"trait260":"trait260","userId":"userName"},"create_password_click":{"trait260":"trait260","type":"type"},"app_download_click":{"trait260":"appName","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_decline_click":{"trait5":"videoScreenId","trait14":"category","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_accept_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"accept_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"reject_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_record_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_submit_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_retake_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_continue_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_review_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"submit_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"export_videos_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"restart_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_now_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"continue_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"contact_recruiter_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"agree_click":{"videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"submit_feedback_click":{"rating":"rating","feedback":"feedback","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"video-upload-error":{"url":"url","status":"status","questionId":"questionId","response":"response"},"apply_thank_you_loaded":{"hvhConfig":"hvhConfig"},"hvh_asset_initiated":{"thankYouUri":"thankYouUri"},"hvh_asset_res":{"res":"res"}},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"showExternalEvents":false,"candidateHome":true,"cdnCaasContentUrl":"https://content-us.phenompeople.com/api/content-delivery/caasContentV1","eventsEnabled":false,"audPxConfig":{"newVersion":"4.0","oldVersion":"2.0"},"navMenuItems":["blogs","candidateHome"],"cdnCaasContentEnabled":true,"jobTags":true,"navMenuItemsData":{"blogs":{"url":"https://jobs.centracare.com/us/en/blog"},"events":{"url":"https://jobs.centracare.com/us/en/events"}}},"imageLoadType":{"desktop":"progressive","mobile":"lazy"},"resumableUploadConfig":{"chunkSize":"1","simultaneousUploads":"1","allowedVideoFormats":["mp4","m4p","m4v","mov","qt","avi","wmv","webm","mpg","mpeg"]},"locale":"en_us","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"pcs/common/phw-px-hadlr.js","vendorScripts":{"jquery":"jquery-3.6.1.min.js","jqueryMigrate":"jquery-migrate.min-1.1.js","plyrScript":"plyr-3.7.8.js","plyrStyle":"plyr-3.7.8_1.css","videojs-wavesurfer":"videojs-wavesurfer_3.9.0.js","wavesurfer":"wavesurfer_6.6.4.min.js","wavesurfer-microphone":"wavesurfer.microphone.min_6.6.4.js","mediaInfo":"mediainfo_0.1.9.min.js"},"globalSearchFeature":{"mobileSearch":false,"v1":{"ignoreChunk":true}},"ally":{"layerEnabled":true,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.19.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content, .ae-skipto-main"},"reorderCookie":true,"userAgent":"AudioEye"},"pxScrVerionUrl":"common/js/vendor/ph-px-hadlr-1.15.js","videoAssessmentPagesList":["video-assessment-landing-page","video-assessment-recording","video-assessment-thankyou","interview-landing-page","interview-recording","interview-thankyou"],"oauth":{"indeed":{"clientId":"bd63e9975aacf4577c4662fcb002494dcb83887f82d51453405f60b29c77609a"},"xing":{"clientId":"c3bdfb74291c0e358e89"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"75qvndrmqmkxfo","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"google-signin":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/iauth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"314102134023707","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"},"blogsharewidgetsettings":{"options":[{"name":"whatsapp","order":0,"baseUrl":"https://api.whatsapp.com/send?&text=","eventName":"Share_whatsapp","settings":{"icon":"icon-whatsapp-1","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true},{"name":"linkedin","order":1,"baseUrl":"https://www.linkedin.com/shareArticle?mini=true&url=","eventName":"share_blog","settings":{"icon":"icon-linkedin-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":3,"baseUrl":"https://facebook.com/sharer.php?u=","eventName":"share_blog","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":0,"baseUrl":"https://twitter.com/share?url=","eventName":"share_blog","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":6,"baseUrl":"","eventName":"share_blog","settings":{"icon":"icon-email-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"brandStyle":true,"widgetStyle":"style3","isInline":true,"size":"16","spacing":"21","color":"#fff","backgroundColor":"#ggg","height":"34","width":"34","line-height":"30","lineHeight":"30","borderWidth":"1","borderStyle":"solid","borderColor":"transparent","borderRadius":"100","locale":"en_us","siteVariant":"external"},"botEnabled":false,"kalturaConfig":{"partnerId":"2716851","playerId":"45245971"},"mapBoxGlScript":"mapbox-gl-v1.1.0.js","urlMap":{"home":"home","category":"c/:category","job":"job/:jobId/:title","service":"service/:jobId/:title","jobcart":"jobcart","search-results":"search-results","glassdoor-reviews":"glassdoor-reviews","event":"event/:eventScheduleId/:title","events":"events","talentcommunity":"talentcommunity","talentcommunityupdate":"talentcommunityupdate","blogarticle":"blogarticle/:url","jobalert":"jobalert","employee-profile":"employeeprofile","editprofile":"editprofile","businessUnit":":url","featuredOpportunities":":url","di_about":"di/about/:groupId","di_details":"di/details/:groupId","di_events":"di/events/:groupId","di_groups":"di/groups","di_highlights":"di/highlights/:groupId","di_jobs":"di/jobs/:groupId","di_members":"di/members/:groupId","referrals_candidate":"referrals/candidate","referrals_referredcandidates":"referrals/referredcandidates","referrals_friendsinterests":"referrals/friendsinterests","referrals_home":"referrals/home","referrals_candidatesuniversity":"referrals/candidatescompany","employees_home":"employees/home","lms_courses":"lms/courses","lms_savedcourses":"lms/savedcourses","gigs_details":"gigs/details/:gigId","gigs_searchresults":"gigs/searchresults","nla_home":"nla/home","nla_search":"nla/search","gigs_manage":"gigs/manage","gigs_applications":"gigs/applications","gigs_applicants":"gigs/applicants/:gigId","events_event":"events/event/:eventScheduleId/:title","events_home":"events/home","my-profile":"myprofile","cp_createpath":"cp/createpath","cp_home":"cp/home","mentoring_relationship":"mentoring/relationship/:mentorshipId","mentoring_mentees":"mentoring/mentees","mentoring_mentors":"mentoring/mentors","mentoring_searchresults":"mentoring/searchresults","settings":"settings","story":"story/:contentId/:title","video-assessment-landing-page":"video-assessment-landing-page","video-assessment-recording":"video-assessment-recording","video-assessment-thankyou":"video-assessment-thankyou","forwardApply":"hvhapply","interview-landing-page":"interview-landing-page","interview-recording":"interview-recording","interview-thankyou":"interview-thankyou","roles_details":"roles/details/:jobCode/:jobTitle","roles_search-results":"roles/searchresults"},"categoryUrlMap":{"CEVCHSUS_Nursing":"c/nursing-jobs","CEVCHSUS_Other":"c/other-jobs","CEVCHSUS_Administrative_Support":"c/administrative-support-jobs","CEVCHSUS_Clinical_Professional":"c/clinical-professional-jobs","CEVCHSUS_Operational_Support":"c/operational-support-jobs","CEVCHSUS_Corporate":"c/technical-jobs","CEVCHSUS_Leadership":"c/leadership-jobs","CEVCHSUS_Physicans_APPs":"c/physicians-apps-jobs","CEVCHSUS_Business_Professional":"c/business-professional-jobs","CEVCHSUS_Human_Resources":"c/human-resources-jobs"},"isNativeEmailClient":true,"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"}},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-card-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-card-v1/pcs-card-v1-1620286894383.js","pcs-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-social-connect-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1669873248000.js","pcs-px-container-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-px-container-v1/pcs-px-container-v1-1707833589946.js","pcs-candidate-login-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1696334560770.js","pcs-blog-list-overview-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-blog-list-overview-v1/pcs-blog-list-overview-v1-1694708553477.js","pcs-footer-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-footer-v1/pcs-footer-v1-1617347029398.js","pcs-header-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-header-v1/pcs-header-v1-1704370634355.js","pcs-menu-list-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-menu-list-v1/pcs-menu-list-v1-1652962143089.js","pcs-job-cart-count-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-job-cart-count-v1/pcs-job-cart-count-v1-1652708896808.js","pcs-language-selector-v2":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-language-selector-v2/pcs-language-selector-v2-1708498827032.js","pcs-global-search-v3":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-global-search-v3/pcs-global-search-v3-1677859165824.js"},"reqData":null},"categories":{"status":200,"hits":0,"totalHits":491,"data":{"category":[{"internalId":"CEVCHSUS_Nursing","total_count":127,"new_count":0,"display_name":"Nursing","category":"Nursing","key":"Nursing"},{"internalId":"CEVCHSUS_Corporate","total_count":124,"new_count":0,"display_name":"Technical","category":"Technical","key":"Technical"},{"internalId":"CEVCHSUS_Physicans_APPs","total_count":79,"new_count":0,"display_name":"Physicians-APPs","category":"Physicians & APPs","key":"Physicians & APPs"},{"internalId":"CEVCHSUS_Clinical_Professional","total_count":54,"new_count":0,"display_name":"Clinical-Professional","category":"Clinical Professional","key":"Clinical Professional"},{"internalId":"CEVCHSUS_Operational_Support","total_count":50,"new_count":0,"display_name":"Operational-Support","category":"Operational Support","key":"Operational Support"},{"internalId":"CEVCHSUS_Administrative_Support","total_count":43,"new_count":0,"display_name":"Administrative-Support","category":"Administrative Support","key":"Administrative Support"},{"internalId":"CEVCHSUS_Business_Professional","total_count":8,"new_count":0,"display_name":"Business-Professional","category":"Business Professional","key":"Business Professional"},{"internalId":"CEVCHSUS_Leadership","total_count":6,"new_count":0,"display_name":"Leadership","category":"Leadership","key":"Leadership"}]},"eid":"662a2ab4b4389502f3a665fc"},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["categoryMasterDataV2","jobwidgetsettings","siteConfig","categories","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"4307b40c73904e4e86c252d9a3534e6d","phProfileId":"c7332735-cf2f-4c1d-8989-178f3a488c95","pxPageState":"stranger","jdsource":""}; /*--&gt;*/</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" /><me |
| 2 |
Error
On line 26538, column 48 et="UTF-8" /><meta content="en" /><meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="canonical" href="https://jobs.centracare.com/us/en/home" /><meta name="description" content="Explore the variety of opportunities available at CentraCare" key-description="external-default-home-description" /><meta name="keywords" content="Careers at CentraCare, CentraCare jobs, job opportunities in CentraCare, job openings, career opportunities, CentraCare, Nursing jobs, healthcare jobs, healthcare near me, centracare, healthcare opportunities , job near me, find a job, " key-keywords="external-default-home-keywords" /><link rel="alternate" href="https://jobs.centracare.com/us/en/" hreflang="en-us" data-seo="1" data-ddo="" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@CentraCare Health" /><meta name="twitter:creator" content="@Careers - CentraCare Health" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/logo1024x512-1689179960754.png" page-seo-overriden="true" /><meta name="twitter:title" content="Jobs at CentraCare " /><meta name="twitter:description" content="Find your purpose at CentraCare" /><meta property="og:type" content="website" /><meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/CClogo-1689179860338.png" page-seo-overriden="true" /><meta property="og:site_name" content="CentraCare Health" /><meta property="og:url" content="https://jobs.centracare.com/us/en/home" /><meta property="og:title" content="Jobs at CentraCare " /><meta property="og:description" content="Find your purpose at CentraCare" /><meta property="fb:admins" content="" /><meta property="og:image:width" content="200" /><meta property="og:image:height" content="200" /><title key="external-default-home-title">CentraCare Jobs</title> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird" 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.76.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.76.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/en_us/desktop/page13/ph-page-page13-1713895411720.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-candidate-login-v1-default-signout-1663490877775" nonce=""><div class="sign-out-widget-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-Q6OiFq"> <a ph-tevent="signout_click" class="sign-out-btn" ph-href="logout" data-ph-at-id="sign-out-text" data-ph-id="ph-page-element-short-header-77UvSI"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-VR5eV9"></i> <span data-ph-id="ph-page-element-short-header-VKhWOO">${widgetBundle['signOutButton'] | pht}</span> </a> </div></script><script type="text/x-ph-tmpl" id="ph-language-selector-v2-1600952340303-view3" nonce=""><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-5ThCpF"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-7ChAR7"></div> <div if.bind="!showErrorMsg &amp;&amp; !showLoader" data-ph-id="ph-page-element-short-header-zYo96x"> <!-- <label class="sr-only" for="selectedLanguageBtn" id="selectedLanguageLabel"> Language selector </label> --> <button if.bind="searchArray.length>1" class="language-block ${(searchArray.length==1)?'single-language':''} ${(searchArray.length>10) ? '':'dropdown-arrow'}" role="${(searchArray.length==1)?'text':'button'}" click.delegate="isshowDropDown = !isshowDropDown" aria-expanded="${isshowDropDown?true:false}" data-ph-id="ph-page-element-short-header-5WfR5e"> <span class="flag flag-${choosenLanguage.locationDisplayName}" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-dW0hwe"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-i296r3"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-LQtFhh"> Language selected </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-9TQWh1"> ${choosenLanguage.locationDisplayName} </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-nLlhxh"> ${choosenLanguage.languageDisplayName} </span> <i aria-hidden="true" class="icon icon-triangle ${isshowDropDown ? 'icon-up' : 'icon-down'} arrow-icon" show.bind="(searchArray.length>1)" data-ph-id="ph-page-element-short-header-2YpCAm"></i> </button> <div class="dropdown-box ph-a11y-dropdown-box ${(searchArray.length>10) ? '':'dropdown-arrow'}" show.bind="isshowDropDown &amp;&amp; (searchArray.length>1)" data-ph-id="ph-page-element-short-header-lZ5gkX"> <div class="search-area ph-a11y-search-area" role="search" aria-expanded="false" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-short-header-2oqsIE"> <input type="text" name="language-listbox" aria-label="Search from below list" id="language-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="language-listbox" value.bind="filterKey" placeholder="Enter location or language" key-placeholder="ph-language-selector-v2-view3-43qw7q-pLkR89" data-show-listbox="false" data-ph-id="ph-page-element-short-header-J9qhDk" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-glSYxb"></i> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.delegate="clearSearch()" focus.trigger="onBlurHandler($event, true)" if.bind="filterKey" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" data-ph-id="ph-page-element-short-header-xrlnkY"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-LFrfSI"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-E6yh86"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-0RGUOn"> <ppc-content key="ph-language-selector-v2-view3-43qw7q-qFildb" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-DKBNtf">Clear text</ppc-content> </span> </a> </div> <ul class="dropdown-list" id="language-selector-box" role="listbox" aria-labelledby="language-listbox" tabindex="-1" data-ph-id="ph-page-element-short-header-xMPE23"> <li class="dropdown-list-item ph-a11y-dropdown-list-item" repeat.for="each of roots" role="option" data-ph-id="ph-page-element-short-header-BYsUfk"> <a href="${each.locationUrl}" click.delegate="languageChanged(each,true)" class="${(each.displayName==choosenLanguage.displayName)?'active':''}" data-ph-at-displayname-text="${each.displayName}" tabindex="-1" data-ph-id="ph-page-element-short-header-fa7hNy"> <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-7tEaBR"></span> <div class="country" data-ph-id="ph-page-element-short-header-IsHzpw"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-cvvVwg"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-8rZrd6"> <ppc-content data-ph-id="ph-page-element-short-header-Cag4Nc"> selected </ppc-content> </div> </div> </a> </li> </ul> <div aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-short-header-KVQJXK"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-Qu9PF4"> <ppc-content key="ph-language-selector-v2-view3-43qw7q-VD2hCQ" data-ph-id="ph-page-element-short-header-TPgMRg"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-LW1tDS"> ${roots.length} <ppc-content key="ph-language-selector-v2-view3-43qw7q-oZ5GTu" data-ph-id="ph-page-element-short-header-bEPob1"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-view2-1640670309078" nonce=""><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-1r2taw"> <a ph-href="jobcart" key-ph-href="ph-job-cart-count-v3-view2-jkn0zo-MO7pyl" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" aria-label="${jobCartCount} ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])}" data-ph-id="ph-page-element-short-header-UuRDyJ"> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-GDUbFt"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-gQMYWT"> ${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-H7bFyR"> (${jobCartCount}) </span> </a> </div></script><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp.pageId = "page13"</script><script type="application/ld+json" nonce="">{"@context": "http://schema.org","@type": "WebSite","url": "https://jobs.centracare.com/","potentialAction": {"@type": "SearchAction","target": "https://jobs.centracare.com/us/en/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1682504822732" 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-1682504801207-default-ph-cookie-popup-v2YAuILb-ON3abf"> <div class="container" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-wUbujw"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-92ugfh"> <ppc-content key="gdpr-cookietextAreaText" data-ph-at-id="cookie-text" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-emSmOg"> We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our <a ph-href="cookiesettings" key-ph-href="2qMoxG-gdpr-popupCareerSiteCookieSettingsHrefText" class="cookie-settings" data-ph-at-id="cookie-settings-link" data-ph-id="ph-1679403010614-default-ph-cookie-popup-v2bi4y1o-ce7Zoe">Cookie Settings</a> page. </ppc-content> </div> <div class="cookie-button-area ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-RYp752"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="hBBtFX-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-1682504801207-default-ph-cookie-popup-v2YAuILb-tiq9pi"> <ppc-content key="gdpr-popupCookieSettingsText" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-qNja9g"> 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-1682504801207-default-ph-cookie-popup-v2YAuILb-W8sMor"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-cxAuo0"></i> <ppc-content key="gdpr-denyCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-YfSoal"> 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-1682504801207-default-ph-cookie-popup-v2YAuILb-1BxHzd"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-XtepoX"></i> <ppc-content key="gdpr-allowCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-s5rdDB"> Allow </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-EJqIRs"> <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-1682504801207-default-ph-cookie-popup-v2YAuILb-H6Uk1v"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-2hsXeM"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-yMiscS"> <ppc-content key="gdpr-piiConsentTextBlock" data-ph-at-id="pii-consent-text" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-m0vVet"> 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-1682504801207-default-ph-cookie-popup-v2YAuILb-pcn9g9"> <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-1682504801207-default-ph-cookie-popup-v2YAuILb-5IAaAa"> <i class="icon icon-check-mark" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-eOJeCl"></i> <ppc-content key="gdpr-piiConsentAcceptLink" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-1682504801207-default-ph-cookie-popup-v2YAuILb-2e8Rx9"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-geo-location-v1-1558015937555-default" nonce=""></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-5210876857979094-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-5210876857979094-2"> <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="0K3nAT-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-5210876857979094-3"> <span class="action-icon" data-ph-id="ph-widget-element-5210876857979094-4"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-widget-element-5210876857979094-5"></i> </span> <ppc-content key="0K3nAT-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-widget-element-5210876857979094-6"> Use new resume </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-5210876928832402-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-widget-element-5210876928832402-2"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-5210876928832402-3"> <ppc-content key="pEkMJo-ph-import-resume-v1-upload-new-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-widget-element-5210876928832402-4">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-5210877268736666-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-5210877268736666-2"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-5210877268736666-3"> <div class="widget-container" data-ph-id="ph-widget-element-5210877268736666-4"> <div class="content-block" data-ph-id="ph-widget-element-5210877268736666-5"> <ul class="login-link-list" role="list" key-role="MHc5x5-ph-social-connect-v1-view5-new-listRole" data-ph-id="ph-widget-element-5210877268736666-6"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="MHc5x5-ph-social-connect-v1-view5-new-listItemRole" data-ph-id="ph-widget-element-5210877268736666-7"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-5210877268736666-8"> <div class="icon-block" data-ph-id="ph-widget-element-5210877268736666-9"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-5210877268736666-10"></i> </div> <div class="text-block" data-ph-id="ph-widget-element-5210877268736666-11"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-5210877335637113-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-5210877335637113-2"> <div class="widget-container" data-ph-id="ph-widget-element-5210877335637113-3"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-5210877335637113-4"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-widget-element-5210877335637113-5"> <div class="fyf-step-block" data-ph-id="ph-widget-element-5210877335637113-6"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877335637113-7"> </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-widget-element-5210877335637113-8"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-widget-element-5210877335637113-9"> <div class="heading-block" data-ph-id="ph-widget-element-5210877335637113-10"> <!-- <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-widget-element-5210877335637113-11"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-widgetMainHeading2" data-ph-id="ph-widget-element-5210877335637113-12"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-widget-element-5210877335637113-13"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-14"></i> <span data-ph-id="ph-widget-element-5210877335637113-15"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-widgetsubHeading" data-ph-id="ph-widget-element-5210877335637113-16"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </span> </div> </div> <section class="ph-widget" instance-id="G20bWZ" original-view="view5" view="5210877050900398-view5" data-ph-id="ph-widget-element-5210877335637113-17"> <div class="ph-social-connect-v1-view5-default ph-widget-target" instance-id="G20bWZ" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view5-1709113521065" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-widget-element-5210877335637113-18"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5210877335637113-19"> <div class="prev" data-ph-id="ph-widget-element-5210877335637113-20"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="RWVKwk-elCvUb-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5210877335637113-21"> <span data-ph-id="ph-widget-element-5210877335637113-22"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-23"></i> </span> </a> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' &amp;&amp; !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-widget-element-5210877335637113-24"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5210877335637113-25"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-5210877335637113-26"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5210877335637113-27"> <ppc-content key="qh5iNs-elCvUb-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5210877335637113-28">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-widget-element-5210877335637113-29"> <ppc-content key="Bpl3C0-elCvUb-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877335637113-30">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-widget-element-5210877335637113-31"> <legend class="sr-only" data-ph-id="ph-widget-element-5210877335637113-32"> <ppc-content key="6kxZhp-elCvUb-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877335637113-33"> What are you interested in? </ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-widget-element-5210877335637113-34"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepNoCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-5210877335637113-35">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-widget-element-5210877335637113-36"> <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-widget-element-5210877335637113-37" /> <span class="cat-text" data-ph-id="ph-widget-element-5210877335637113-38">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-widget-element-5210877335637113-39"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-40"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5210877335637113-41"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5210877335637113-42"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5210877335637113-43"> <ppc-content key="D6ftKm-elCvUb-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-44">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="mFQNrj-elCvUb-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-45">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5210877335637113-46"> <ppc-content key="NAaN4G-elCvUb-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5210877335637113-47">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5210877335637113-48"> <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="7UaGBS-elCvUb-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5210877335637113-49"> <span data-ph-id="ph-widget-element-5210877335637113-50"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-51"></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' &amp;&amp; !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-widget-element-5210877335637113-52"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5210877335637113-53"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-5210877335637113-54"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5210877335637113-55"> <ppc-content key="rJPIVE-elCvUb-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5210877335637113-56">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-widget-element-5210877335637113-57"> <ppc-content key="s5AcNt-elCvUb-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877335637113-58">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="elCvUb-ph-find-your-fit-v1-default-subCategoriesBlockRoleText" aria-labelledby="phFyfSubCategories" data-ph-id="ph-widget-element-5210877335637113-59"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-widget-element-5210877335637113-60"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepNoSubCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-5210877335637113-61">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-widget-element-5210877335637113-62"> <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-widget-element-5210877335637113-63" /> <span class="cat-text" data-ph-id="ph-widget-element-5210877335637113-64">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-widget-element-5210877335637113-65"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-66"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5210877335637113-67"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5210877335637113-68"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5210877335637113-69"> <ppc-content key="cWDFwH-elCvUb-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-70">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="B3QKsz-elCvUb-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-71">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5210877335637113-72"> <ppc-content key="8wqjx8-elCvUb-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5210877335637113-73">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5210877335637113-74"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ZGJc8B-elCvUb-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5210877335637113-75"> <span data-ph-id="ph-widget-element-5210877335637113-76"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-77"></i> </span> </a> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-widget-element-5210877335637113-78"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5210877335637113-79"> <!-- <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-widget-element-5210877335637113-80"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5210877335637113-81"> <ppc-content key="7FLe2t-elCvUb-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5210877335637113-82">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-widget-element-5210877335637113-83"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepRecentTitleHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877335637113-84">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-widget-element-5210877335637113-85"> <label for="recentTitles" data-ph-id="ph-widget-element-5210877335637113-86"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-widget-element-5210877335637113-87"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="elCvUb-ph-find-your-fit-v1-default-stepTwoLabel" data-ph-id="ph-widget-element-5210877335637113-88"> <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="elCvUb-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-widget-element-5210877335637113-89"> </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="elCvUb-ph-find-your-fit-v1-default-fyfStepRecentTitleClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-5210877335637113-90"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-5210877335637113-91"></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-widget-element-5210877335637113-92"> <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-widget-element-5210877335637113-93"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="elCvUb-ph-find-your-fit-v1-default-fyfStepRecentTitleNoResultsText" data-ph-id="ph-widget-element-5210877335637113-94">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877335637113-95"> <span if.bind="stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length &amp;&amp; stepData.showRecentTitleDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5210877335637113-96"> ${widgetBundle[stepData.recentTitles.length &gt; 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length &amp;&amp; stepData.showRecentTitleDropdown)" key="elCvUb-ph-find-your-fit-v1-default-recentTitlesAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-5210877335637113-97"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-widget-element-5210877335637113-98"> <label class="input-radio-group" data-ph-id="ph-widget-element-5210877335637113-99"> <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="BMMH07-elCvUb-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-id="ph-widget-element-5210877335637113-100"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-101"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-102"></span> <span class="radio-text" data-ph-id="ph-widget-element-5210877335637113-103"> <ppc-content key="eMJu5q-elCvUb-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-at-id="radio-button-text" data-ph-id="ph-widget-element-5210877335637113-104">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-widget-element-5210877335637113-105"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5210877335637113-106"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5210877335637113-107"> <ppc-content key="LI3sww-elCvUb-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length &amp;&amp; !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-108">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="dj3SIV-elCvUb-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-109">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5210877335637113-110"> <ppc-content key="Dzf6oB-elCvUb-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5210877335637113-111">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5210877335637113-112"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="wqJIPN-elCvUb-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5210877335637113-113"> <span data-ph-id="ph-widget-element-5210877335637113-114"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-115"></i> </span> </a> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-widget-element-5210877335637113-116"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5210877335637113-117"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-5210877335637113-118"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5210877335637113-119"> <ppc-content key="4aLxxp-elCvUb-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5210877335637113-120">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-widget-element-5210877335637113-121"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepSkillsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877335637113-122">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-widget-element-5210877335637113-123"> <label for="skills" data-ph-id="ph-widget-element-5210877335637113-124"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-widget-element-5210877335637113-125">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-widget-element-5210877335637113-126"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-widget-element-5210877335637113-127"> ${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-widget-element-5210877335637113-128"> <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-widget-element-5210877335637113-129"> <div role="list" data-ph-id="ph-widget-element-5210877335637113-130"> <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-widget-element-5210877335637113-131"> <span data-ph-id="ph-widget-element-5210877335637113-132">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${suggestedSkill} skill" key-aria-label="elCvUb-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-widget-element-5210877335637113-133"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-134"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-widget-element-5210877335637113-135"> <div data-ph-id="ph-widget-element-5210877335637113-136"> <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="elCvUb-ph-find-your-fit-v1-default-stepThreeLabel" data-ph-id="ph-widget-element-5210877335637113-137"> <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="elCvUb-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-widget-element-5210877335637113-138"> </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="elCvUb-ph-find-your-fit-v1-default-fyfStepSkillsClearSearchAriaLabel" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-5210877335637113-139"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-140"></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-widget-element-5210877335637113-141"> <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-widget-element-5210877335637113-142"></li> <li class="search-noresults" if.bind="(!stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="elCvUb-ph-find-your-fit-v1-default-fyfStepSkillsNoResultsText" data-ph-id="ph-widget-element-5210877335637113-143">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877335637113-144"> <span if.bind="stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length &amp;&amp; stepData.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5210877335637113-145"> ${widgetBundle[stepData.skills.length &gt; 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length &amp;&amp; stepData.showSkillsDropdown)" key="elCvUb-ph-find-your-fit-v1-default-skillsAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-5210877335637113-146"> 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-widget-element-5210877335637113-147"> <div data-ph-id="ph-widget-element-5210877335637113-148"> <h3 class="suggested-heading" data-ph-id="ph-widget-element-5210877335637113-149"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepSkillsSuggestionsText" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-widget-element-5210877335637113-150">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-widget-element-5210877335637113-151"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-widget-element-5210877335637113-152"> <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-widget-element-5210877335637113-153"> <span data-ph-id="ph-widget-element-5210877335637113-154">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-155"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5210877335637113-156"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5210877335637113-157"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5210877335637113-158"> <ppc-content key="25xRDg-elCvUb-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-159">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="e9Q07E-elCvUb-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-160">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5210877335637113-161"> <ppc-content key="IgibwJ-elCvUb-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5210877335637113-162">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5210877335637113-163"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="8iHRSH-elCvUb-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5210877335637113-164"> <span data-ph-id="ph-widget-element-5210877335637113-165"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-166"></i> </span> </a> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-widget-element-5210877335637113-167"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5210877335637113-168"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-5210877335637113-169"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5210877335637113-170"> <ppc-content key="iOCvjk-elCvUb-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5210877335637113-171">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-widget-element-5210877335637113-172"> <ppc-content key="8gQx5H-elCvUb-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877335637113-173">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-widget-element-5210877335637113-174"> <legend class="sr-only" data-ph-id="ph-widget-element-5210877335637113-175"> <ppc-content key="5veRJN-elCvUb-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877335637113-176">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-widget-element-5210877335637113-177"> <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-widget-element-5210877335637113-178"> <span class="radio-text" data-ph-id="ph-widget-element-5210877335637113-179"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-widget-element-5210877335637113-180">${exp.displayName} <span if.bind="exp.min == 0" key="rbgXom-elCvUb-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-5210877335637113-181"> Year </span> <span if.bind="exp.min != 0" key="C7ernH-elCvUb-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-5210877335637113-182"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5210877335637113-183"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5210877335637113-184"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5210877335637113-185"> <ppc-content key="c2jrg7-elCvUb-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-186">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="RWSKft-elCvUb-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-187">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5210877335637113-188"> <ppc-content key="mwTdBH-elCvUb-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5210877335637113-189">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5210877335637113-190"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="egyY08-elCvUb-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5210877335637113-191"> <span data-ph-id="ph-widget-element-5210877335637113-192"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-193"></i> </span> </a> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-widget-element-5210877335637113-194"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5210877335637113-195"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-5210877335637113-196"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5210877335637113-197"> <ppc-content key="7wKLiU-elCvUb-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5210877335637113-198">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-widget-element-5210877335637113-199"> <ppc-content key="YrU1ok-elCvUb-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877335637113-200">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="elCvUb-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-widget-element-5210877335637113-201"> <legend class="sr-only" data-ph-id="ph-widget-element-5210877335637113-202"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepWorkExpHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877335637113-203">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-widget-element-5210877335637113-204"> <span class="check-mark" data-ph-id="ph-widget-element-5210877335637113-205"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-206"></i> </span> <span class="radio-text" data-ph-id="ph-widget-element-5210877335637113-207"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-widget-element-5210877335637113-208">${exp.displayName} <span if.bind="exp.min == 0" key="bIvVVb-elCvUb-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-5210877335637113-209"> Year </span> <span if.bind="exp.min != 0" key="jpl91E-elCvUb-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-5210877335637113-210"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5210877335637113-211"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5210877335637113-212"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5210877335637113-213"> <ppc-content key="Z8CCjC-elCvUb-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-214">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1)) " key="1NmV4V-elCvUb-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-215">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5210877335637113-216"> <ppc-content key="gNMqab-elCvUb-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5210877335637113-217">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5210877335637113-218"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="d693yz-elCvUb-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5210877335637113-219"> <span data-ph-id="ph-widget-element-5210877335637113-220"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-221"></i> </span> </a> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-widget-element-5210877335637113-222"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5210877335637113-223"> <!-- <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-widget-element-5210877335637113-224"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5210877335637113-225"> <ppc-content key="Jfhtlc-elCvUb-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5210877335637113-226">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-widget-element-5210877335637113-227"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877335637113-228">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-widget-element-5210877335637113-229"> <label for="locations" data-ph-id="ph-widget-element-5210877335637113-230"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-widget-element-5210877335637113-231">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-widget-element-5210877335637113-232"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-widget-element-5210877335637113-233"> ${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-widget-element-5210877335637113-234"> <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-widget-element-5210877335637113-235"> <div role="list" data-ph-id="ph-widget-element-5210877335637113-236"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length &amp;&amp; selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-5210877335637113-237"> <span data-ph-id="ph-widget-element-5210877335637113-238">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="elCvUb-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-widget-element-5210877335637113-239"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-240"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-widget-element-5210877335637113-241"> <div data-ph-id="ph-widget-element-5210877335637113-242"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="elCvUb-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-widget-element-5210877335637113-243"> <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="elCvUb-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-widget-element-5210877335637113-244"> </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="elCvUb-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-5210877335637113-245"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-246"></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-widget-element-5210877335637113-247"> <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-widget-element-5210877335637113-248"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="elCvUb-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-widget-element-5210877335637113-249">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877335637113-250"> <span if.bind="stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5210877335637113-251"> ${widgetBundle[stepData.locations.length &gt; 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown)" key="elCvUb-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-5210877335637113-252"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5210877335637113-253"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5210877335637113-254"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5210877335637113-255"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" key="f0u8kn-elCvUb-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-256">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="Ob8uBp-elCvUb-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5210877335637113-257">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5210877335637113-258"> <ppc-content key="2pzTOC-elCvUb-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5210877335637113-259">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5210877335637113-260"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6JKlpz-elCvUb-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5210877335637113-261"> <span data-ph-id="ph-widget-element-5210877335637113-262"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-263"></i> </span> </a> </div> </div> </div> <!-- End prefered Location Step --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' &amp;&amp; !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-widget-element-5210877335637113-264"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-widget-element-5210877335637113-265"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5210877335637113-266"> <!-- <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-widget-element-5210877335637113-267"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5210877335637113-268"> <ppc-content key="O3VpcK-elCvUb-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5210877335637113-269">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-widget-element-5210877335637113-270"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5210877335637113-271">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5210877335637113-272">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-widget-element-5210877335637113-273"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877335637113-274">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-widget-element-5210877335637113-275"> <form role="form" submit.delegate="" data-ph-id="ph-widget-element-5210877335637113-276"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-widget-element-5210877335637113-277"> <div data-ph-id="ph-widget-element-5210877335637113-278"> <label for="preferredName" data-ph-id="ph-widget-element-5210877335637113-279"> <span key="Ra4z2a-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-widget-element-5210877335637113-280">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-281"> <ppc-content key="fAoZNW-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-widget-element-5210877335637113-282"> Preferred name <span class="required" data-ph-id="ph-widget-element-5210877335637113-283">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877335637113-284"> <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="OqreMj-elCvUb-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-widget-element-5210877335637113-285"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error &amp;&amp; stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-widget-element-5210877335637113-286"> <ppc-content key="TiMU2g-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-widget-element-5210877335637113-287">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-widget-element-5210877335637113-288"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210877335637113-289"> <div data-ph-id="ph-widget-element-5210877335637113-290"> <label for="name" data-ph-id="ph-widget-element-5210877335637113-291"> <span key="DlZakY-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-widget-element-5210877335637113-292">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-293"> <ppc-content key="hp6Oif-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-widget-element-5210877335637113-294"> Full name <span class="required" data-ph-id="ph-widget-element-5210877335637113-295">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877335637113-296"> <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="xzwntD-elCvUb-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-widget-element-5210877335637113-297"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error &amp;&amp; stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-5210877335637113-298"> <ppc-content key="ihAd86-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-widget-element-5210877335637113-299">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-widget-element-5210877335637113-300"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210877335637113-301"> <div data-ph-id="ph-widget-element-5210877335637113-302"> <label for="email-1" data-ph-id="ph-widget-element-5210877335637113-303"> <span key="rJRQHw-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-widget-element-5210877335637113-304">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-305"> <ppc-content key="OXpfym-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-widget-element-5210877335637113-306">Email <span class="required" data-ph-id="ph-widget-element-5210877335637113-307"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877335637113-308"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="[email protected]" key-placeholder="tfsxyT-elCvUb-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-widget-element-5210877335637113-309"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-widget-element-5210877335637113-310"> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5210877335637113-311"> <ppc-content key="2K8ZgL-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-5210877335637113-312">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5210877335637113-313"> <ppc-content key="kPs6z2-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-5210877335637113-314">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-widget-element-5210877335637113-315"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210877335637113-316"> <div data-ph-id="ph-widget-element-5210877335637113-317"> <label for="phone" data-ph-id="ph-widget-element-5210877335637113-318"> <span key="ilVoDB-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-widget-element-5210877335637113-319">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-320"> <ppc-content key="arqpSv-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-widget-element-5210877335637113-321">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877335637113-322"> <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="5wlaEp-elCvUb-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-widget-element-5210877335637113-323"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error &amp;&amp; stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-widget-element-5210877335637113-324"> <ppc-content key="gUzKoq-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-widget-element-5210877335637113-325">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-widget-element-5210877335637113-326"></i> </input></div> <div class="security-info" data-ph-id="ph-widget-element-5210877335637113-327"> <div class="security-info-block" data-ph-id="ph-widget-element-5210877335637113-328"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-329"></i> <ppc-content key="F3KV53-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-widget-element-5210877335637113-330"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-5210877335637113-331"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-5210877335637113-332"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5210877335637113-333"> <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="tkkExu-elCvUb-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-5210877335637113-334"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-335"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-336"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210877335637113-337"> <ppc-content class="cd-terms-policy-block" key="DBsxQP-elCvUb-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-widget-element-5210877335637113-338"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5210877335637113-339"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5210877335637113-340">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-5210877335637113-341">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-5210877335637113-342"> <ppc-content class="cd-terms-policy-block" key="Q33uFy-elCvUb-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-widget-element-5210877335637113-343"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5210877335637113-344"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5210877335637113-345">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-5210877335637113-346">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-5210877335637113-347"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-widget-element-5210877335637113-348"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-5210877335637113-349"> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-5210877335637113-350"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5210877335637113-351"> <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="TrWCXB-elCvUb-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-widget-element-5210877335637113-352"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-353"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-354"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210877335637113-355"> <ppc-content key="KmW6II-elCvUb-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-5210877335637113-356">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-5210877335637113-357"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5210877335637113-358"> <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-widget-element-5210877335637113-359"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-360"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-361"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210877335637113-362"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-5210877335637113-363"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-5210877335637113-364">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="ffmvpa" original-view="default" view="5210877085815172-default" data-ph-id="ph-widget-element-5210877335637113-365"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1709113185199" instance-id="ffmvpa" original-view="default" data-ph-id="ph-widget-element-5210877335637113-366"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877335637113-367"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-widget-element-5210877335637113-368"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5210877335637113-369"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-widget-element-5210877335637113-370"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="4NvioN-elCvUb-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5210877335637113-371"> <ppc-content key="37jHHx-elCvUb-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5210877335637113-372">Submit </ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5210877335637113-373"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="OsxMV7-elCvUb-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5210877335637113-374"> <span data-ph-id="ph-widget-element-5210877335637113-375"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-376"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-widget-element-5210877335637113-377"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5210877335637113-378"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-5210877335637113-379"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5210877335637113-380">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5210877335637113-381">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="PY9lGb" original-view="view1" view="5210877190925161-view1" data-ph-id="ph-widget-element-5210877335637113-382"> <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{&quot;context&quot;:&quot;fyf&quot;}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default" view="view1-1709112990494" instance-id="PY9lGb" original-view="view1" data-ph-id="ph-widget-element-5210877335637113-383"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5210877335637113-384"> <div class="prev" data-ph-id="ph-widget-element-5210877335637113-385"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="AlJaKJ-elCvUb-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5210877335637113-386"> <span data-ph-id="ph-widget-element-5210877335637113-387"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-388"></i> </span> </a> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' &amp;&amp; !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-widget-element-5210877335637113-389"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5210877335637113-390"> <!-- <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-widget-element-5210877335637113-391"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-widget-element-5210877335637113-392"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfNewContactInfoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5210877335637113-393">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfNewContactInfoNoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5210877335637113-394">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-widget-element-5210877335637113-395"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfNewContactInfoSocialLoginText" data-ph-id="ph-widget-element-5210877335637113-396"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" instance-id="MHc5x5" original-view="view5-new" view="5210877268736666-new" data-ph-id="ph-widget-element-5210877335637113-397"> <div class="ph-social-connect-v1-view5-new-default" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="5210877268736666-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="MHc5x5" data-ph-id="ph-widget-element-5210877335637113-398"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-5210877335637113-399"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-5210877335637113-400"> <div class="widget-container" data-ph-id="ph-widget-element-5210877335637113-401"> <div class="content-block" data-ph-id="ph-widget-element-5210877335637113-402"> <ul class="login-link-list" role="list" key-role="elCvUb-ph-find-your-fit-v1-default-listRole" data-ph-id="ph-widget-element-5210877335637113-403"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="elCvUb-ph-find-your-fit-v1-default-listItemRole" data-ph-id="ph-widget-element-5210877335637113-404"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-5210877335637113-405"> <div class="icon-block" data-ph-id="ph-widget-element-5210877335637113-406"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-407"></i> </div> <div class="text-block" data-ph-id="ph-widget-element-5210877335637113-408"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-widget-element-5210877335637113-409"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfNewContactInfoOrTxt" data-ph-id="ph-widget-element-5210877335637113-410">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-widget-element-5210877335637113-411"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyfNewContactInfoHeadingText" data-ph-id="ph-widget-element-5210877335637113-412"> 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-widget-element-5210877335637113-413"> <form role="form" submit.delegate="" data-ph-id="ph-widget-element-5210877335637113-414"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-widget-element-5210877335637113-415"> <div data-ph-id="ph-widget-element-5210877335637113-416"> <label for="preferredName" data-ph-id="ph-widget-element-5210877335637113-417"> <span key="HWG3mX-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-widget-element-5210877335637113-418">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-419"> <ppc-content key="otsTAq-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-widget-element-5210877335637113-420"> Preferred name <span class="required" data-ph-id="ph-widget-element-5210877335637113-421">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877335637113-422"> <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="Pc0mIA-elCvUb-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-widget-element-5210877335637113-423"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error &amp;&amp; stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-widget-element-5210877335637113-424"> <ppc-content key="ka9uaP-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-widget-element-5210877335637113-425">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-widget-element-5210877335637113-426"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210877335637113-427"> <div data-ph-id="ph-widget-element-5210877335637113-428"> <label for="name" data-ph-id="ph-widget-element-5210877335637113-429"> <span key="Af8mqV-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-widget-element-5210877335637113-430">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-431"> <ppc-content key="FRjPzo-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-widget-element-5210877335637113-432"> Full name <span class="required" data-ph-id="ph-widget-element-5210877335637113-433">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877335637113-434"> <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="AsG9nB-elCvUb-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-widget-element-5210877335637113-435"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error &amp;&amp; stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-5210877335637113-436"> <ppc-content key="MrnbsF-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-widget-element-5210877335637113-437">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-widget-element-5210877335637113-438"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210877335637113-439"> <div data-ph-id="ph-widget-element-5210877335637113-440"> <label for="email-2" data-ph-id="ph-widget-element-5210877335637113-441"> <span key="OVnYQx-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-widget-element-5210877335637113-442">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-443"> <ppc-content key="U6uVEb-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-widget-element-5210877335637113-444">Email <span class="required" data-ph-id="ph-widget-element-5210877335637113-445"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877335637113-446"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="[email protected]" key-placeholder="Xoo4qB-elCvUb-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-widget-element-5210877335637113-447"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-widget-element-5210877335637113-448"> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5210877335637113-449"> <ppc-content key="01np8T-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-5210877335637113-450">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5210877335637113-451"> <ppc-content key="8Yt1Yh-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-5210877335637113-452">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-widget-element-5210877335637113-453"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210877335637113-454"> <div data-ph-id="ph-widget-element-5210877335637113-455"> <label for="phone" data-ph-id="ph-widget-element-5210877335637113-456"> <span key="LhGTsW-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-widget-element-5210877335637113-457">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-458"> <ppc-content key="OoC2On-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-widget-element-5210877335637113-459">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877335637113-460"> <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="0QzKTr-elCvUb-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-widget-element-5210877335637113-461"> <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error &amp;&amp; stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-widget-element-5210877335637113-462"> <ppc-content key="8rKkMr-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-widget-element-5210877335637113-463">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-widget-element-5210877335637113-464"></i> </input></div> <div class="security-info" data-ph-id="ph-widget-element-5210877335637113-465"> <div class="security-info-block" data-ph-id="ph-widget-element-5210877335637113-466"> <ppc-content key="LkerZt-elCvUb-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-widget-element-5210877335637113-467"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-5210877335637113-468"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-5210877335637113-469"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5210877335637113-470"> <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="WwjKhD-elCvUb-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-5210877335637113-471"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-472"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-473"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210877335637113-474"> <ppc-content class="cd-terms-policy-block" key="VzUdiw-elCvUb-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-widget-element-5210877335637113-475"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5210877335637113-476"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5210877335637113-477">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-5210877335637113-478"> <ppc-content class="cd-terms-policy-block" key="UBMCu4-elCvUb-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-widget-element-5210877335637113-479"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5210877335637113-480"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5210877335637113-481">terms of use</a> </ppc-content> </span> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length) &amp;&amp; !hideOptIn" data-ph-id="ph-widget-element-5210877335637113-482"> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-5210877335637113-483"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5210877335637113-484"> <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="XBhdxU-elCvUb-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-widget-element-5210877335637113-485"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-486"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-487"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210877335637113-488"> <ppc-content key="syVtER-elCvUb-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-5210877335637113-489">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-widget-element-5210877335637113-490"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyf1-please-accept-terms" data-ph-id="ph-widget-element-5210877335637113-491"> Please accept terms of use and policy. </ppc-content> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-5210877335637113-492"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5210877335637113-493"> <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-widget-element-5210877335637113-494"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-495"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-496"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210877335637113-497"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-5210877335637113-498"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-5210877335637113-499">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="maLVqT" original-view="default" view="5210877305404680-default" data-ph-id="ph-widget-element-5210877335637113-500"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1709113185606" instance-id="maLVqT" original-view="default" data-ph-id="ph-widget-element-5210877335637113-501"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877335637113-502"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-widget-element-5210877335637113-503"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5210877335637113-504"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-widget-element-5210877335637113-505"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6OvUvP-elCvUb-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5210877335637113-506"> <ppc-content key="FKgtgC-elCvUb-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5210877335637113-507">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5210877335637113-508"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="nKmg66-elCvUb-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5210877335637113-509"> <span data-ph-id="ph-widget-element-5210877335637113-510"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5210877335637113-511"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-widget-element-5210877335637113-512"> <button href="javascript:void(0);" click.delegate="skip()" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType == 'authorise' ? widgetBundle['socialSigninStepText'] : fyfStepConfig.stepType } step" key-aria-label="elCvUb-ph-find-your-fit-v1-default-skipStepTypeText1" data-ph-at-id="skip-link" data-ph-id="ph-widget-element-5210877335637113-513"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-widget-element-5210877335637113-514"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-fyf-skipText" data-ph-at-id="skip-link-text" data-ph-id="ph-widget-element-5210877335637113-515">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-widget-element-5210877335637113-516"> <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled &amp;&amp; isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-widget-element-5210877335637113-517"> <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-widget-element-5210877335637113-518"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled &amp;&amp; isUserSocialLoggedIn)" data-ph-id="ph-widget-element-5210877335637113-519"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin &amp;&amp; !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount+1}" data-ph-at-starting-step-number-text="${stepsCount+1}" data-ph-id="ph-widget-element-5210877335637113-520"> <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-widget-element-5210877335637113-521"></div> </div> <div class="progress-text" if.bind="disableSocialLogin &amp;&amp; !isUserSocialLoggedIn" data-ph-id="ph-widget-element-5210877335637113-522"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-widget-element-5210877335637113-523"> <div data-ph-id="ph-widget-element-5210877335637113-524"> <ppc-content key="elCvUb-ph-find-your-fit-v1-default-noStepsFoundText" data-ph-id="ph-widget-element-5210877335637113-525"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877335637113-526"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-widget-element-5210877335637113-527"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-1680719361130-default" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader &amp;&amp; !userConsentPopup" class="show-loader" data-ph-id="ph-widget-element-5210877801420912-2"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-widget-element-5210877801420912-3"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader &amp;&amp; !avoidBackDropFirstTime" data-ph-id="ph-widget-element-5210877801420912-4"></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-widget-element-5210877801420912-5"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877801420912-6"> <div class="upload-resume-tile" if.bind="!isLoggedIn &amp;&amp; (currentStep == 'chooseStep')" data-ph-id="ph-widget-element-5210877801420912-7"> <div class="widget-container" data-ph-id="ph-widget-element-5210877801420912-8"> <div class="upload-resume-tile-container" data-ph-id="ph-widget-element-5210877801420912-9"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-widget-element-5210877801420912-10"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-widget-element-5210877801420912-11"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-preLoginHeadingVisitorText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-12">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-widget-element-5210877801420912-13"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-preLoginHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-14">Get tailored job recommendations based on your interests.</ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-widget-element-5210877801420912-15"> <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="w8HvrW-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel1" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-widget-element-5210877801420912-16"> <ppc-content key="CBfvg9-w8HvrW-ph-find-your-fit-container-v1-default-preLoginActionButtonText" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-widget-element-5210877801420912-17"> 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-widget-element-5210877801420912-18"> <div class="widget-container" data-ph-id="ph-widget-element-5210877801420912-19"> <div class="post-login-resume-tile-container" data-ph-id="ph-widget-element-5210877801420912-20"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-widget-element-5210877801420912-21"> <div class="user-profile-icon fs-block" data-ph-id="ph-widget-element-5210877801420912-22"> <span class="user-name-prefix" if.bind="!((preferredName &amp;&amp; profileData.preferredName) || profileData.firstName)" data-ph-id="ph-widget-element-5210877801420912-23"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-24"></i> </span> <span class="sr-only" data-ph-id="ph-widget-element-5210877801420912-25"> <span key="w8HvrW-ph-find-your-fit-container-v1-default-profileIconScreenText" data-ph-id="ph-widget-element-5210877801420912-26"> profile icon </span> ${preferredName &amp;&amp; profileData.preferredName &amp;&amp; profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) || ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="preferredName &amp;&amp; profileData.preferredName || profileData.firstName" data-ph-id="ph-widget-element-5210877801420912-27"> ${preferredName &amp;&amp; profileData.preferredName &amp;&amp; profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) + profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" data-ph-id="ph-widget-element-5210877801420912-28"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="(preferredName &amp;&amp; profileData.preferredName) || profileData.firstName" data-ph-id="ph-widget-element-5210877801420912-29"> <span class="recom-text" data-ph-id="ph-widget-element-5210877801420912-30">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName": preferredName &amp;&amp; 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-widget-element-5210877801420912-31"> <span class="recom-text" data-ph-id="ph-widget-element-5210877801420912-32"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="w8HvrW-ph-find-your-fit-container-v1-default-postLoginProfileHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-33">Your personalized site and job recommendations are ready.</ppc-content> <ppc-content if.bind="!isProfileJobsAvailable &amp;&amp; !isCandidateHomeEnabled" key="w8HvrW-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-34"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable &amp;&amp; isCandidateHomeEnabled &amp;&amp; isProfileDataExists" key="w8HvrW-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-35"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled &amp;&amp; !isProfileJobsAvailable &amp;&amp; !isProfileDataExists" key="w8HvrW-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading3" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-36"> Currently we don’t have enough information to provide personalized job recommendations. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled &amp;&amp; (isActiveSession &amp;&amp; isAnonymous)" key="w8HvrW-ph-find-your-fit-container-v1-default-postLoginSignUpText" data-ph-id="ph-widget-element-5210877801420912-37"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-widget-element-5210877801420912-38">Sign up</a> <span data-ph-id="ph-widget-element-5210877801420912-39"> to save your personalized experience </span> </ppc-content> </span> </h2> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous) &amp;&amp; flowType == 'upload_resume'" data-ph-id="ph-widget-element-5210877801420912-40"> <div class="action-area-block" data-ph-id="ph-widget-element-5210877801420912-41"> <button class="edit-resume upload-action-btn ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-editUploadOptionAriaLabel1" data-ph-at-id="edit-link" data-ph-id="ph-widget-element-5210877801420912-42"> <span class="error-icon" show.bind="isContactDetailsConfigured &amp;&amp; !(gdprConsent &amp;&amp; !savePersonalInfo) &amp;&amp; !resumeInfoConfirmation " data-ph-id="ph-widget-element-5210877801420912-43"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-44"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent &amp;&amp; !savePersonalInfo)" data-ph-id="ph-widget-element-5210877801420912-45"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-46"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-5210877801420912-47"> <span data-ph-id="ph-widget-element-5210877801420912-48">${profileData.resumeName &amp;&amp; (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName &amp;&amp; ('.'+profileData.resumeName.split('.').pop())} </span> <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-widget-element-5210877801420912-49"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-50"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-widget-element-5210877801420912-51"> <ul data-ph-id="ph-widget-element-5210877801420912-52"> <li if.bind="isContactDetailsConfigured &amp;&amp; !(gdprConsent &amp;&amp; !savePersonalInfo) &amp;&amp; !resumeInfoConfirmation" data-ph-id="ph-widget-element-5210877801420912-53"> <button class="completeInfo-btn" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-" click.delegate="openContactDetailsPopup()" data-ph-id="ph-widget-element-5210877801420912-54"> <span class="button-text" data-ph-id="ph-widget-element-5210877801420912-55"> <span class="error-icon action-icon" data-ph-id="ph-widget-element-5210877801420912-56"><i class="icon icon-error" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-57"></i></span><ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-completeInformationButtonText" data-ph-id="ph-widget-element-5210877801420912-58">Complete resume info</ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-widget-element-5210877801420912-59"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-widget-element-5210877801420912-60"> <span class="action-icon" data-ph-id="ph-widget-element-5210877801420912-61"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-62"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-widget-element-5210877801420912-63"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-widget-element-5210877801420912-64"> <section class="ph-widget" data-tmpl-type="inline" instance-id="0K3nAT" original-view="re-upload" view="5210876857979094-upload" data-ph-id="ph-widget-element-5210877801420912-65"> <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="5210876857979094-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" instance-id="0K3nAT" original-view="re-upload" data-ph-id="ph-widget-element-5210877801420912-66"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-5210877801420912-67"> <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-5210877801420912-68"> <span class="action-icon" data-ph-id="ph-widget-element-5210877801420912-69"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-70"></i> </span> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-widget-element-5210877801420912-71"> Use new resume </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin &amp;&amp; !isSiteLogin" data-ph-id="ph-widget-element-5210877801420912-72"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-widget-element-5210877801420912-73"> <span class="action-icon" data-ph-id="ph-widget-element-5210877801420912-74"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-75"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-widget-element-5210877801420912-76"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-widget-element-5210877801420912-77"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-widget-element-5210877801420912-78"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-79"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-widget-element-5210877801420912-80"> ${socialProvider} </span> <ppc-content key="c24U8l-w8HvrW-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-widget-element-5210877801420912-81"> 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="7TrC60-w8HvrW-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-widget-element-5210877801420912-82"> <ppc-content key="CjqIbI-w8HvrW-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-widget-element-5210877801420912-83">Log out </ppc-content> </a> </div> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous) &amp;&amp; (flowType == 'find_your_fit' || (isAnonymous &amp;&amp; flowType == 'candidateProfile'))" data-ph-id="ph-widget-element-5210877801420912-84"> <div class="action-area-block" data-ph-id="ph-widget-element-5210877801420912-85"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="i9Ufpb-w8HvrW-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-widget-element-5210877801420912-86"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-profileUpdationEditText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-5210877801420912-87">Edit profile</ppc-content> </button> <div class="reset-block" data-ph-id="ph-widget-element-5210877801420912-88"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin &amp;&amp; !isSiteLogin" aria-label="reset find your fit profile" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-profileUpdateResetAriaLabel" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-widget-element-5210877801420912-89"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-90"></i> <span data-ph-id="ph-widget-element-5210877801420912-91"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-profileUpdateResetLinkText" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-widget-element-5210877801420912-92"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-widget-element-5210877801420912-93"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-widget-element-5210877801420912-94"> <span class="sr-only" data-ph-id="ph-widget-element-5210877801420912-95">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-96"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-widget-element-5210877801420912-97"> ${socialProvider} </span> <ppc-content key="eAcukl-w8HvrW-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-widget-element-5210877801420912-98"> 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="Ld29Nx-w8HvrW-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-widget-element-5210877801420912-99"> <ppc-content key="UuVvbT-w8HvrW-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-widget-element-5210877801420912-100">Log out </ppc-content> </a> </div> </div> </div> </div> <div class="action-area action-btn ph-a11y-action-btn" if.bind="!((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-widget-element-5210877801420912-101"> <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="w8HvrW-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-widget-element-5210877801420912-102"> <ppc-content key="QwkGBJ-w8HvrW-ph-find-your-fit-container-v1-default-preLoginActionButtonText" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-widget-element-5210877801420912-103"> Get Started</ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous &amp;&amp; flowType == 'candidateProfile'" data-ph-id="ph-widget-element-5210877801420912-104"> <div class="action-area-block" data-ph-id="ph-widget-element-5210877801420912-105"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="2dSyxt-w8HvrW-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-id="ph-widget-element-5210877801420912-106"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-profileUpdationEditProfileText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-5210877801420912-107">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-widget-element-5210877801420912-108"> <div class="widget-container" data-ph-id="ph-widget-element-5210877801420912-109"> <div class="inner-content" data-ph-id="ph-widget-element-5210877801420912-110"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-widget-element-5210877801420912-111"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-flowChoosingHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-112">Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-widget-element-5210877801420912-113"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-flowChoosingHeadingSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-5210877801420912-114">Either use your resume or tell us a little about yourself</ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-widget-element-5210877801420912-115"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-widget-element-5210877801420912-116"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-widget-element-5210877801420912-117"> <ppc-content key="Vw3ACc-w8HvrW-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-widget-element-5210877801420912-118">Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-widget-element-5210877801420912-119"> <ppc-content key="WG79ii-w8HvrW-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-widget-element-5210877801420912-120">or</ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" aria-hidden="${(resumeInfoPopup || userConsentPopup) ? 'true' : false}" data-ph-id="ph-widget-element-5210877801420912-121"> <!-- import resume --> <section class="ph-widget" instance-id="FzbW4A" original-view="external-upload-resume" view="5210876894082735-upload-resume" data-ph-id="ph-widget-element-5210877801420912-122"> <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="external-upload-resume-1709112525817" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="FzbW4A" data-ph-id="ph-widget-element-5210877801420912-123"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-widget-element-5210877801420912-124"> <p class="or-text" data-ph-id="ph-widget-element-5210877801420912-125"> <ppc-content key="gx3sgl-w8HvrW-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-widget-element-5210877801420912-126">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-widget-element-5210877801420912-127"> <ppc-content key="by6roC-w8HvrW-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-widget-element-5210877801420912-128">Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-widget-element-5210877801420912-129"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5210877801420912-130"> <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="X20Bp0-w8HvrW-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-id="ph-widget-element-5210877801420912-131"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-132"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-133"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210877801420912-134"> <ppc-content key="SXvawo-w8HvrW-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-5210877801420912-135">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="w8HvrW-ph-find-your-fit-container-v1-default-ChooseSectionCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5210877801420912-136"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-137"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-widget-element-5210877801420912-138"> <span if.bind="chooseSteps" data-ph-id="ph-widget-element-5210877801420912-139"> Choose your path </span> </span> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-widget-element-5210877801420912-140"> <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-widget-element-5210877801420912-141"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-widget-element-5210877801420912-142"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-widget-element-5210877801420912-143"> <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-widget-element-5210877801420912-144"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-145"></i> </button> </div> <div class="modal-body" data-ph-id="ph-widget-element-5210877801420912-146"> <h2 class="heading-block" data-ph-id="ph-widget-element-5210877801420912-147"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="w8HvrW-ph-find-your-fit-container-v1-default-unsaved-popup-heading" data-ph-id="ph-widget-element-5210877801420912-148"> Upload Resume </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-widget-element-5210877801420912-149"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="w8HvrW-ph-find-your-fit-container-v1-default-ally-unsaved-popup-subHeading" data-ph-id="ph-widget-element-5210877801420912-150"> In order to process your resume and provide job recommendations, you must approve our data protection policy. </ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-5210877801420912-151"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-5210877801420912-152"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5210877801420912-153"> <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 agree to the terms" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-termsAriaLabel" aria-required="true" data-ph-id="ph-widget-element-5210877801420912-154"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-155"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-156"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210877801420912-157"> <ppc-content class="cd-terms-policy-block" key="ClBf18-w8HvrW-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-widget-element-5210877801420912-158"> <span class="mandatory-star" data-ph-id="ph-widget-element-5210877801420912-159">*</span> I have read and agree to the <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5210877801420912-160">terms</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-5210877801420912-161"> <ppc-content class="cd-terms-policy-block" key="2xbq1N-w8HvrW-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-widget-element-5210877801420912-162"> <span class="mandatory-star" data-ph-id="ph-widget-element-5210877801420912-163">*</span> I have read and agree to the <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5210877801420912-164">terms</a> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-5210877801420912-165"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-terms-error" data-ph-id="ph-widget-element-5210877801420912-166"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-widget-element-5210877801420912-167"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5210877801420912-168"> <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 suitable for (optional) " key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-saveResumeAriaLabe" data-ph-id="ph-widget-element-5210877801420912-169"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-170"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-171"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210877801420912-172"> <ppc-content data-ph-at-id="checkbox-button-text" key="w8HvrW-ph-find-your-fit-container-v1-default-save-my-checkbox-button-text" data-ph-id="ph-widget-element-5210877801420912-173"> Save my resume and contact me for jobs that I may be suitable for <span class="checkbox-optional-text" data-ph-id="ph-widget-element-5210877801420912-174">(optional)</span> </ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-5210877801420912-175"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5210877801420912-176"> <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-widget-element-5210877801420912-177"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-178"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-179"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210877801420912-180"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-5210877801420912-181"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-5210877801420912-182">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877801420912-183"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-widget-element-5210877801420912-184"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button class="btn primary-button" disabled.bind="piiConsentData &amp;&amp; piiConsentData.length ? isDisabled : !acceptTerms" click.delegate="!isDisabled || acceptTerms ? submitResume() : false" ph-tevent="pii-consent-submit" data-ph-id="ph-widget-element-5210877801420912-185"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-submitbuttonkey" data-ph-id="ph-widget-element-5210877801420912-186"> Confirm </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-widget-element-5210877801420912-187"> <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-widget-element-5210877801420912-188"> <div class="modal-dialog resume-step" data-ph-id="ph-widget-element-5210877801420912-189"> <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-widget-element-5210877801420912-190"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-191"></i> </button> <div class="modal-body" data-ph-id="ph-widget-element-5210877801420912-192"> <!-- Contact Details area --> <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-widget-element-5210877801420912-193"> <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-5210877801420912-194"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5210877801420912-195"> <span data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-196"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-widget-element-5210877801420912-197"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-widget-element-5210877801420912-198"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-widget-element-5210877801420912-199"> <div data-ph-id="ph-widget-element-5210877801420912-200"> <label for="preferredName" data-ph-id="ph-widget-element-5210877801420912-201"> <span class="sr-only" data-ph-id="ph-widget-element-5210877801420912-202"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-203"> <span data-ph-at-id="name-text" data-ph-id="ph-widget-element-5210877801420912-204"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-205"> * </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877801420912-206"> <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-widget-element-5210877801420912-207"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-5210877801420912-208"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-5210877801420912-209"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-widget-element-5210877801420912-210"> ${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-widget-element-5210877801420912-211"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210877801420912-212"> <div data-ph-id="ph-widget-element-5210877801420912-213"> <label for="name" data-ph-id="ph-widget-element-5210877801420912-214"> <span class="sr-only" data-ph-id="ph-widget-element-5210877801420912-215"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-216"> <span data-ph-at-id="name-text" data-ph-id="ph-widget-element-5210877801420912-217"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-218"> * </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877801420912-219"> <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-widget-element-5210877801420912-220"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-5210877801420912-221"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-5210877801420912-222"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-widget-element-5210877801420912-223"> ${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-widget-element-5210877801420912-224"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210877801420912-225"> <div data-ph-id="ph-widget-element-5210877801420912-226"> <label for="email" data-ph-id="ph-widget-element-5210877801420912-227"> <span class="sr-only" data-ph-id="ph-widget-element-5210877801420912-228"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-229"> <span data-ph-at-id="email-text" data-ph-id="ph-widget-element-5210877801420912-230"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-231"> * </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877801420912-232"> <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-widget-element-5210877801420912-233"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-5210877801420912-234"> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5210877801420912-235"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-widget-element-5210877801420912-236"> ${widgetBundle['contactDetailsAreaEmailInputErrorText'] | pht} </span> </span> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5210877801420912-237"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-widget-element-5210877801420912-238"> ${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-widget-element-5210877801420912-239"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210877801420912-240"> <div data-ph-id="ph-widget-element-5210877801420912-241"> <label for="phone" data-ph-id="ph-widget-element-5210877801420912-242"> <span class="sr-only" data-ph-id="ph-widget-element-5210877801420912-243"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-244"> <span data-ph-at-id="phone-text" data-ph-id="ph-widget-element-5210877801420912-245"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877801420912-246"> <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-widget-element-5210877801420912-247"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code &amp;&amp; contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-widget-element-5210877801420912-248"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-widget-element-5210877801420912-249"> ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht} </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-250"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-widget-element-5210877801420912-251"> <div data-ph-id="ph-widget-element-5210877801420912-252"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-widget-element-5210877801420912-253"> <span data-ph-id="ph-widget-element-5210877801420912-254"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-widget-element-5210877801420912-255"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-widget-element-5210877801420912-256"> <span data-ph-id="ph-widget-element-5210877801420912-257"> ${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-widget-element-5210877801420912-258"> <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-5210877801420912-259"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5210877801420912-260"> <span data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-261"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-5210877801420912-262"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-5210877801420912-263"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-widget-element-5210877801420912-264"> <div data-ph-id="ph-widget-element-5210877801420912-265"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-widget-element-5210877801420912-266"> <span data-ph-id="ph-widget-element-5210877801420912-267"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-widget-element-5210877801420912-268"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-widget-element-5210877801420912-269"> <span data-ph-id="ph-widget-element-5210877801420912-270"> ${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-widget-element-5210877801420912-271"> <div class="job-title-inner-wrapper" data-ph-id="ph-widget-element-5210877801420912-272"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5210877801420912-273"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-5210877801420912-274"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-widget-element-5210877801420912-275"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-widget-element-5210877801420912-276"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-widget-element-5210877801420912-277"> <div class="input-group" data-ph-id="ph-widget-element-5210877801420912-278"> <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-widget-element-5210877801420912-279" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-280"></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-widget-element-5210877801420912-281"> <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-widget-element-5210877801420912-282"> </li> <li class="search-noresults" if.bind="!resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value" data-ph-at-id="no-suggested-results" data-ph-id="ph-widget-element-5210877801420912-283"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877801420912-284"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5210877801420912-285"> <span data-ph-id="ph-widget-element-5210877801420912-286"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5210877801420912-287"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.jobTitles.searchTitles.length} ${resumeInfo.jobTitles.searchTitles.length &gt; 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-widget-element-5210877801420912-288"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-widget-element-5210877801420912-289"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-widget-element-5210877801420912-290"> <h3 class="job-titles-heading" data-ph-id="ph-widget-element-5210877801420912-291"> ${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-widget-element-5210877801420912-292"> <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-widget-element-5210877801420912-293"> ${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-widget-element-5210877801420912-294"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-295"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-widget-element-5210877801420912-296"> <div class="skills-inner-wrapper" data-ph-id="ph-widget-element-5210877801420912-297"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5210877801420912-298"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-5210877801420912-299"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-widget-element-5210877801420912-300"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-widget-element-5210877801420912-301"> <div class="input-group" data-ph-id="ph-widget-element-5210877801420912-302"> <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-widget-element-5210877801420912-303" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-304"></i> </div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown &amp;&amp; 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-widget-element-5210877801420912-305"> <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-widget-element-5210877801420912-306"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown" data-ph-id="ph-widget-element-5210877801420912-307"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877801420912-308"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5210877801420912-309"> <span data-ph-id="ph-widget-element-5210877801420912-310"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5210877801420912-311"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.skills.skillsList.length} ${resumeInfo.skills.skillsList.length &gt; 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-widget-element-5210877801420912-312"> <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-widget-element-5210877801420912-313"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-widget-element-5210877801420912-314"> <h3 class="skills-heading" data-ph-id="ph-widget-element-5210877801420912-315"> ${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-widget-element-5210877801420912-316"> <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-widget-element-5210877801420912-317"> ${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-widget-element-5210877801420912-318"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-319"></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-widget-element-5210877801420912-320"> <div data-ph-id="ph-widget-element-5210877801420912-321"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-widget-element-5210877801420912-322"> ${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-widget-element-5210877801420912-323"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-widget-element-5210877801420912-324"> <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-widget-element-5210877801420912-325"> <span data-ph-id="ph-widget-element-5210877801420912-326">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-327"></i> </button> </li> </ul> </div> </div> </div> </div> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-widget-element-5210877801420912-328"> <div class="work-experience-inner-wrapper" data-ph-id="ph-widget-element-5210877801420912-329"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5210877801420912-330"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-5210877801420912-331"> ${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-widget-element-5210877801420912-332"> <legend class="sr-only" data-ph-id="ph-widget-element-5210877801420912-333"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-widget-element-5210877801420912-334"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-widget-element-5210877801420912-335"> <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-widget-element-5210877801420912-336" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-widget-element-5210877801420912-337"> <span data-ph-id="ph-widget-element-5210877801420912-338">${exp.displayName} </span> <span data-ph-id="ph-widget-element-5210877801420912-339"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </span> </div> </fieldset> </div> </div> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-widget-element-5210877801420912-340"> <div class="work-experience-inner-wrapper" data-ph-id="ph-widget-element-5210877801420912-341"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5210877801420912-342"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-5210877801420912-343"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-widget-element-5210877801420912-344"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-widget-element-5210877801420912-345"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-widget-element-5210877801420912-346"> <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-widget-element-5210877801420912-347" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-348"></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-widget-element-5210877801420912-349"> <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-widget-element-5210877801420912-350"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown" data-ph-id="ph-widget-element-5210877801420912-351"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877801420912-352"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5210877801420912-353"> <span data-ph-id="ph-widget-element-5210877801420912-354"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </span> </div> <div class="sr-only" if.bind="resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5210877801420912-355"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.preferredLocation.locationsList.length} ${resumeInfo.preferredLocation.locationsList.length &gt; 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-widget-element-5210877801420912-356"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-widget-element-5210877801420912-357"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-widget-element-5210877801420912-358"> <h3 class="location-heading" data-ph-id="ph-widget-element-5210877801420912-359"> ${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-widget-element-5210877801420912-360"> <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-widget-element-5210877801420912-361"> ${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-widget-element-5210877801420912-362"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-363"></i> </a> </li> </ul> </div> </div> </div> <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' &amp;&amp; activeStep != 'cancel'" data-ph-id="ph-widget-element-5210877801420912-364"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-widget-element-5210877801420912-365"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-widget-element-5210877801420912-366"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-367"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-widget-element-5210877801420912-368"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-widget-element-5210877801420912-369"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-widget-element-5210877801420912-370"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-widget-element-5210877801420912-371"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-372"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877801420912-373"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-widget-element-5210877801420912-374"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-widget-element-5210877801420912-375"> <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-widget-element-5210877801420912-376"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-widget-element-5210877801420912-377"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-widget-element-5210877801420912-378"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format resume popup close" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-uploadFailurePopupCloseAriaLabel1" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5210877801420912-379"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-380"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-widget-element-5210877801420912-381"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-382"></i> <span key="w8HvrW-ph-find-your-fit-container-v1-default-sadFileIconText" class="sr-only" data-ph-id="ph-widget-element-5210877801420912-383">Failure icon</span> </div> <div data-ph-id="ph-widget-element-5210877801420912-384"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-widget-element-5210877801420912-385"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-386"> Oops invalid format...</ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-widget-element-5210877801420912-387"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-388"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-widget-element-5210877801420912-389"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-5210877801420912-390"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported &amp;&amp; limitExceeded &amp;&amp; widgetBundle['uploadFileSizeError']" data-ph-id="ph-widget-element-5210877801420912-391"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported &amp;&amp; ((limitExceeded &amp;&amp; !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-widget-element-5210877801420912-392"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-5210877801420912-393">Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported &amp;&amp; ((limitExceeded &amp;&amp; !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-widget-element-5210877801420912-394"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadErrorUploadAgain" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5210877801420912-395">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-widget-element-5210877801420912-396"> <div class="upload-again" data-ph-id="ph-widget-element-5210877801420912-397"> <section class="ph-widget" data-tmpl-type="inline" instance-id="pEkMJo" original-view="upload-new" view="5210876928832402-new" data-ph-id="ph-widget-element-5210877801420912-398"> <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="5210876928832402-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="pEkMJo" data-ph-id="ph-widget-element-5210877801420912-399"> <div class="ph-dropzone-area" data-ph-id="ph-widget-element-5210877801420912-400"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-5210877801420912-401"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-widget-element-5210877801420912-402">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-widget-element-5210877801420912-403"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact details popup Close" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-contactDetailsPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5210877801420912-404"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-405"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-5210877801420912-406"> <p if.bind="!contactDetailsFailure &amp;&amp; contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-widget-element-5210877801420912-407"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-widget-element-5210877801420912-408"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsErrorText1" data-ph-at-id="description-error-text" data-ph-id="ph-widget-element-5210877801420912-409"> 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-widget-element-5210877801420912-410"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-411"> But we noticed below information is missing from it. <br /> Please complete the following: </ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-widget-element-5210877801420912-412"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-413"> We noticed below information is missing from it. <br /> Please complete the following: </ppc-content> </h2> <div data-ph-id="ph-widget-element-5210877801420912-414"> <form role="form" aria-label="contact details" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-contactDetailspopupFormArialLabel1" data-ph-id="ph-widget-element-5210877801420912-415"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210877801420912-416"> <div data-ph-id="ph-widget-element-5210877801420912-417"> <label for="email" data-ph-id="ph-widget-element-5210877801420912-418"> <span key="KIBuzF-w8HvrW-ph-find-your-fit-container-v1-default-contactDetailsEmail" class="sr-only" data-ph-id="ph-widget-element-5210877801420912-419">Email</span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-420"> <ppc-content key="T82fbC-w8HvrW-ph-find-your-fit-container-v1-default-contactDetailsEmail" data-ph-at-id="email-text" data-ph-id="ph-widget-element-5210877801420912-421">Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877801420912-422"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="[email protected]" key-placeholder="w8HvrW-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-widget-element-5210877801420912-423"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-5210877801420912-424"> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5210877801420912-425"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorText" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-widget-element-5210877801420912-426"> Email should not empty </ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5210877801420912-427"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorCorrectFormat" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-widget-element-5210877801420912-428"> 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-widget-element-5210877801420912-429"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210877801420912-430"> <div data-ph-id="ph-widget-element-5210877801420912-431"> <label for="phone" data-ph-id="ph-widget-element-5210877801420912-432"> <span key="eQUSpR-w8HvrW-ph-find-your-fit-container-v1-default-ContactDetailsPhone" class="sr-only" data-ph-id="ph-widget-element-5210877801420912-433">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-434"> <ppc-content key="T1KS1M-w8HvrW-ph-find-your-fit-container-v1-default-contactDetailsPhone" data-ph-at-id="phone-text" data-ph-id="ph-widget-element-5210877801420912-435">Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5210877801420912-436"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="w8HvrW-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-widget-element-5210877801420912-437"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code &amp;&amp; contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-widget-element-5210877801420912-438"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-contactDetailsPhoneInputErrorText" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-widget-element-5210877801420912-439">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-widget-element-5210877801420912-440"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-widget-element-5210877801420912-441"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-widget-element-5210877801420912-442"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-uploadResumeContactDetailsSubtmitText" data-ph-id="ph-widget-element-5210877801420912-443">Submit</ppc-content> </button> </div> </div> </div> </div> <div class="user-signin-area" if.bind="currentStep == 'userSignIn' &amp;&amp; !showLoader &amp;&amp; isAnonymous" data-ph-id="ph-widget-element-5210877801420912-444"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login popup Close" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-socialLoginPopupCloseAriaLabelText" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5210877801420912-445"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-446"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-widget-element-5210877801420912-447"> <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-widget-element-5210877801420912-448"> <p data-ph-at-id="sucess-text" data-ph-id="ph-widget-element-5210877801420912-449"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired &amp;&amp; isAnonymous &amp;&amp; !disableSocialLogin" data-ph-id="ph-widget-element-5210877801420912-450"> <h2 class="phs-heading" data-ph-id="ph-widget-element-5210877801420912-451"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadSuccessHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210877801420912-452">Sign in and keep your data for future visits</ppc-content> </h2> <section class="ph-widget" instance-id="2OOWiA" original-view="view4" view="5210877004598014-view4" data-ph-id="ph-widget-element-5210877801420912-453"> <div class="ph-social-connect-v1-view4-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view4-1709112548947" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="2OOWiA" data-ph-id="ph-widget-element-5210877801420912-454"></div> </section> <div class="signin-info" data-ph-id="ph-widget-element-5210877801420912-455"> <span data-ph-id="ph-widget-element-5210877801420912-456"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-457"></i> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadSuccessDesc" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-widget-element-5210877801420912-458"> We never post anything without your permission</ppc-content> </span> </div> </div> </div> </div> <div class="social-signin-area" if.bind="currentStep == 'userSignIn' &amp;&amp; !showLoader &amp;&amp; !isAnonymous" data-ph-id="ph-widget-element-5210877801420912-459"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-widget-element-5210877801420912-460"> <div class="failure-img-block" data-ph-id="ph-widget-element-5210877801420912-461"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-462"></i> <span key="w8HvrW-ph-find-your-fit-container-v1-default-happyFileIconText" class="sr-only" data-ph-id="ph-widget-element-5210877801420912-463">success icon </span></div> <div data-ph-id="ph-widget-element-5210877801420912-464"> <h3 class="heading" data-ph-id="ph-widget-element-5210877801420912-465"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessHeading" data-ph-at-id="sucess-text" data-ph-id="ph-widget-element-5210877801420912-466"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-widget-element-5210877801420912-467"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes1" data-ph-at-id="sucess-desc1" data-ph-id="ph-widget-element-5210877801420912-468">Your file is successfully uploaded</ppc-content> </div> <div class="p-text" data-ph-id="ph-widget-element-5210877801420912-469"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes3" data-ph-at-id="sucess-desc2" data-ph-id="ph-widget-element-5210877801420912-470">Enjoy your personalized jobs</ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-widget-element-5210877801420912-471"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file upload success popup close" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-socialLoginSuccessCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5210877801420912-472"> <span class="btn primary-button" data-ph-id="ph-widget-element-5210877801420912-473"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-socialLoginCloseText" data-ph-at-id="close-link-text" data-ph-id="ph-widget-element-5210877801420912-474">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-widget-element-5210877801420912-475"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup close" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-resetPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5210877801420912-476"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-477"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-widget-element-5210877801420912-478"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-widget-element-5210877801420912-479"></i> <span class="sr-only" key="w8HvrW-ph-find-your-fit-container-v1-default-removeFileIconText" data-ph-id="ph-widget-element-5210877801420912-480">reset icon</span> </div> <div data-ph-id="ph-widget-element-5210877801420912-481"> <div class="p-text" data-ph-id="ph-widget-element-5210877801420912-482"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-resumeUploadDeletDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-5210877801420912-483">By resetting personalization <br />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-widget-element-5210877801420912-484"> <div class="delete-link" data-ph-id="ph-widget-element-5210877801420912-485"> <button class="btn warning-button" aria-label="Reset" key-aria-label="w8HvrW-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteAriaLabel" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-widget-element-5210877801420912-486"> <ppc-content key="w8HvrW-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteButtonText" data-ph-id="ph-widget-element-5210877801420912-487"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="elCvUb" if.bind="isFyfEnabled" original-view="default" view="5210877335637113-default" data-ph-id="ph-widget-element-5210877801420912-488"> <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="elCvUb" data-widget="ph-find-your-fit-v1" view="5210877335637113-default" original-view="default" data-ph-id="ph-widget-element-5210877801420912-489"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-widget-element-5210877801420912-490"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-widget-element-5210877801420912-493"> <section class="ph-widget" instance-id="F2sqvY" hide-on-mobile="true" original-view="default" view="5210877580665810-default" data-ph-id="ph-widget-element-5210877801420912-494"> <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-1709113448790" instance-id="F2sqvY" original-view="default" data-ph-id="ph-widget-element-5210877801420912-495"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210877801420912-496"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-widget-element-5210877801420912-497"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-widget-element-5210877801420912-498"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-5210879174290381-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-5210879174290381-2"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-5210879174290381-3"> <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-5210879174290381-4"> <div class="modal-content" data-ph-id="ph-widget-element-5210879174290381-5"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-5210879174290381-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-5210879174290381-7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210879174290381-8"></i> <span class="sr-only" data-ph-id="ph-widget-element-5210879174290381-9"><ppc-content key="aj70cz-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-5210879174290381-10">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-widget-element-5210879174290381-11"> <ppc-content key="aj70cz-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-5210879174290381-12"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-5210879174290381-13"> <ppc-content key="aj70cz-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-5210879174290381-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-5210879174290381-15"> <div class="content-block" data-ph-id="ph-widget-element-5210879174290381-16"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-5210879174290381-17"> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-5210879174290381-18"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5210879174290381-19"> <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-widget-element-5210879174290381-20"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210879174290381-21"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210879174290381-22"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-widget-element-5210879174290381-23"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5210879174290381-24"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-widget-element-5210879174290381-25"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-5210879174290381-26"> <label for="email-job-name" data-ph-id="ph-widget-element-5210879174290381-27"> <ppc-content key="aj70cz-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-5210879174290381-28"> 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="aj70cz-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="aj70cz-ph-email-job-v1-view3-recipientNameTitleText" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-widget-element-5210879174290381-29"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error &amp;&amp; errors.name.code == 'E101'" data-ph-id="ph-widget-element-5210879174290381-30"> <ppc-content key="aj70cz-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-5210879174290381-31"> 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-5210879174290381-32"> <label for="email-job-email" data-ph-id="ph-widget-element-5210879174290381-33"> <ppc-content key="aj70cz-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-5210879174290381-34"> 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="aj70cz-ph-email-job-v1-view3-recipientEmailAddressTitleText" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-widget-element-5210879174290381-35"> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101'" data-ph-id="ph-widget-element-5210879174290381-36"> <ppc-content key="aj70cz-ph-email-job-v1-view3-emailShouldNotBeEmptyText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-5210879174290381-37"> Recipient’s email address should not be Empty </ppc-content> </span> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102'" data-ph-id="ph-widget-element-5210879174290381-38"> <ppc-content key="aj70cz-ph-email-job-v1-view3-pleaseEnterAValidEmailText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-5210879174290381-39"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-widget-element-5210879174290381-40"> <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-5210879174290381-41"> <ppc-content key="aj70cz-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-5210879174290381-42"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-5210879174290381-43"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5210879174290381-44"> <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-widget-element-5210879174290381-45"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210879174290381-46"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210879174290381-47"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210879174290381-48"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-5210879174290381-49"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-5210879174290381-50">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-widget-element-5210879174290381-51"> <span class="sr-only required-text" data-ph-id="ph-widget-element-5210879174290381-52"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-5210879174290381-53"> <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-5210879174290381-54"> <ppc-content key="aj70cz-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-5210879174290381-55">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-5210879174290381-56"> <ppc-content key="aj70cz-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-5210879174290381-57">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-5210879174290381-58"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-5210879174290381-59"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-5210879174290381-60"> <i class="icon icon-check" data-ph-id="ph-widget-element-5210879174290381-61"></i> <h3 data-ph-id="ph-widget-element-5210879174290381-62"> <ppc-content key="aj70cz-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-5210879174290381-63">Success!</ppc-content> </h3> <p data-ph-id="ph-widget-element-5210879174290381-64"> <ppc-content key="aj70cz-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-5210879174290381-65">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-5210879174290381-66"> <ppc-content key="kJpWiz-aj70cz-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-5210879174290381-67">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-5210879174290381-68"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-5210879174290381-69"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-widget-element-5210879174290381-70"> <i class="icon icon-cancel" data-ph-id="ph-widget-element-5210879174290381-71"></i> <h3 data-ph-id="ph-widget-element-5210879174290381-72"> <ppc-content key="aj70cz-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-5210879174290381-73">Failure!</ppc-content> </h3> <p data-ph-id="ph-widget-element-5210879174290381-74"> <ppc-content key="aj70cz-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-5210879174290381-75">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-5210879174290381-76"> <ppc-content key="QQvWIi-aj70cz-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-5210879174290381-77">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-5210879174290381-78"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-5210879174290381-79"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-widget-element-5210879174290381-80"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-5210879174290381-81"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-5210879174290381-82"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-5210879174290381-83"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5210879174290381-84"> <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-widget-element-5210879174290381-85"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5210879174290381-86"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5210879174290381-87"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5210879174290381-88"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-5210879174290381-89"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-5210879174290381-90">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-widget-element-5210879174290381-91"> <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-widget-element-5210879174290381-92"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-5210879245126265-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-5210879245126265-2"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-widget-element-5210879245126265-3"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-5210879245126265-4"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="SdCfDR-ph-social-share-v3-default-headingRole" aria-level="2" key-aria-level="SdCfDR-ph-social-share-v3-default-headingLevelAria" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-widget-element-5210879245126265-5"> <ppc-content key="SdCfDR-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5210879245126265-6"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-widget-element-5210879245126265-7"> <ppc-content key="SdCfDR-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-5210879245126265-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-5210879245126265-9"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-widget-element-5210879245126265-10"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-widget-element-5210879245126265-11"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-widget-element-5210879245126265-12"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-widget-element-5210879245126265-13"></i> <span class="sr-only" data-ph-id="ph-widget-element-5210879245126265-14"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-widget-element-5210879245126265-15">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="aj70cz" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView &amp;&amp; shareOption.isInline &amp;&amp; isShareEmailFound" original-view="view3" view="5210879174290381-view3" data-ph-id="ph-widget-element-5210879245126265-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="5210879174290381-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="aj70cz" original-view="view3" data-ph-id="ph-widget-element-5210879245126265-17"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-widget-element-5210879245126265-18"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-5210879245126265-19"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-5210879245126265-20"> <div class="head-wrapper" data-ph-id="ph-widget-element-5210879245126265-21"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-widget-element-5210879245126265-22"> <ppc-content key="SdCfDR-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-5210879245126265-23">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="SdCfDR-ph-social-share-v3-default-closeDialogAriaLabel" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-5210879245126265-24"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-widget-element-5210879245126265-25"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-widget-element-5210879245126265-26"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-5210879245126265-27"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-widget-element-5210879245126265-28"> <ppc-content key="SdCfDR-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-5210879245126265-29">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-widget-element-5210879245126265-30"><ppc-content key="SdCfDR-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-5210879245126265-31">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-widget-element-5210879245126265-32" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-widget-element-5210879245126265-33"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-5210879245126265-34"><ppc-content key="SdCfDR-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-5210879245126265-35">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-widget-element-5210879245126265-36"><ppc-content key="SdCfDR-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-5210879245126265-37">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-1680719363438-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-5210879395693406-2"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="7n2gwX-UNCK6T-ph-profile-recommendations-v2-default-widgetHeadingText" show.bind="!showLoader &amp;&amp; jobResults.length" data-ph-id="ph-widget-element-5210879395693406-3"> <div class="widget-container" data-ph-id="ph-widget-element-5210879395693406-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-5210879395693406-5"> <h2 data-ph-id="ph-widget-element-5210879395693406-6"> <ppc-content key="R1IOiF-UNCK6T-ph-profile-recommendations-v2-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-5210879395693406-7"> Profile recommendations </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-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-5210879395693406-10"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image &amp;&amp; eachJob.image.src)" instance-id="EX0Yva" data-ph-id="ph-widget-element-5210879395693406-11"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-5210879395693406-12"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-widget-element-5210879395693406-13"> <img if.bind="eachJob.image &amp;&amp; eachJob.image.src &amp;&amp; eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-widget-element-5210879395693406-14" /> </div> </figure> </div> <div class="${(eachJob.image &amp;&amp; eachJob.image.src || ( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-widget-element-5210879395693406-15"> <div class="information" data-ph-id="ph-widget-element-5210879395693406-16"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src)" data-ph-id="ph-widget-element-5210879395693406-17"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-5210879395693406-18"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-5210879395693406-19"> <img if.bind="eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src &amp;&amp; eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-widget-element-5210879395693406-20" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-widget-element-5210879395693406-21"> <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'top' &amp;&amp; (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-5210879395693406-22"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-5210879395693406-23"> <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-24"></i> <span class="tag-label" data-ph-id="ph-widget-element-5210879395693406-25">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig &amp;&amp; jobTagsConfig.layout &amp;&amp; jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-widget-element-5210879395693406-26"> <span class="featured-job" if.bind="eachJob.featuredJob &amp;&amp; (eachJob.featuredJob &amp;&amp; eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-5210879395693406-27"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig &amp;&amp; jobTagsConfig.tags) &amp;&amp; (jobTagsData &amp;&amp; jobTagsData[eachJob['jobSeqNo']] &amp;&amp; jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-widget-element-5210879395693406-28"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon &amp;&amp; eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-29"></i> <span class="tag-label" data-ph-id="ph-widget-element-5210879395693406-30">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="UNCK6T-ph-profile-recommendations-v2-EX0Yva-dfC6sj-default-headingRole" aria-level="3" key-aria-level="UNCK6T-ph-profile-recommendations-v2-EX0Yva-dfC6sj-default-headingAriaLevelValue" instance-id="EX0Yva-dfC6sj" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-32"> <div if.bind="eachJob.title &amp;&amp; eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-5210879395693406-33"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-34">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-35"></i> <span data-ph-id="ph-widget-element-5210879395693406-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'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-5210879395693406-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 &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate &amp;&amp; ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.expiryDate)" class="${((eachAttr.name === 'location' &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-widget-element-5210879395693406-38"> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-5210879395693406-39"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-40">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-41"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-42">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-5210879395693406-43"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-44">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-45"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-46">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['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-5210879395693406-47"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-48">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-49"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-50"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-5210879395693406-51"></span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-5210879395693406-52">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-5210879395693406-53"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-54">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-55"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-56">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-5210879395693406-57"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-58">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-59"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-60">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-5210879395693406-61"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-62">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-63"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-64"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-5210879395693406-65"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-66">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-67"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-68"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-5210879395693406-69"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-70">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-71">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-72"></i> <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-5210879395693406-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-74">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-75">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-76">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-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'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-5210879395693406-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 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] &amp;&amp; (['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-5210879395693406-79"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-81"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-82"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-5210879395693406-83"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-5210879395693406-84"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-85">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-86"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-87">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (eachJob.multi_category.length > 1)" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-89"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-90"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-5210879395693406-91"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-5210879395693406-92"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-93">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-94"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-95">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-5210879395693406-96"> <span class="sr-only" data-ph-id="ph-widget-element-5210879395693406-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 &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-98"></i> <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-5210879395693406-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-100">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-101">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-102">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-103">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['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-5210879395693406-104"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-105">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-106"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-107"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-5210879395693406-108"></span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-5210879395693406-109">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-5210879395693406-110"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-111">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-112"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-113">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-5210879395693406-114"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-115">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-116"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-117">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-5210879395693406-118"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-119">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-120"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-121"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-5210879395693406-122"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-123">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-124"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-126"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 &amp;&amp; eachAttr.name == 'location') &amp;&amp; ((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-5210879395693406-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 === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="UNCK6T-ph-profile-recommendations-v2-EX0Yva-f15YH1-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="EX0Yva-f15YH1" data-ph-id="ph-widget-element-5210879395693406-128"> <span data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-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-5210879395693406-131"> <li class="location ${enabledFields &amp;&amp; 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-5210879395693406-132"> ${eachLocation} <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-5210879395693406-133"> <span if.bind="!enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-134">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" data-ph-id="ph-widget-element-5210879395693406-135">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-136"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-5210879395693406-137">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-138">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-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 &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-140">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-142"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 &amp;&amp; eachAttr.name == 'category') &amp;&amp; ((enabledFields['category'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-5210879395693406-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="UNCK6T-ph-profile-recommendations-v2-EX0Yva-decoMN-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="EX0Yva-decoMN" data-ph-id="ph-widget-element-5210879395693406-144"> <span data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-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-5210879395693406-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-5210879395693406-148"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] &amp;&amp; eachJob.smartHighlights" data-ph-id="ph-widget-element-5210879395693406-149"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-5210879395693406-150"> <span data-ph-id="ph-widget-element-5210879395693406-151"> <span class="sr-only" data-ph-id="ph-widget-element-5210879395693406-152"> <span if.bind="highLightKey == 'skills' &amp;&amp; widgetBundle['skills']" data-ph-id="ph-widget-element-5210879395693406-153">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' &amp;&amp; widgetBundle['education']" data-ph-id="ph-widget-element-5210879395693406-154">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-5210879395693406-155">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-5210879395693406-156">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' &amp;&amp; widgetBundle['experience']" data-ph-id="ph-widget-element-5210879395693406-157">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' &amp;&amp; widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-159"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-161"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-162"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-widget-element-5210879395693406-163"></p> <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'bottom' &amp;&amp; (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-5210879395693406-164"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-5210879395693406-165"> <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-166"></i> <span class="tag-label" data-ph-id="ph-widget-element-5210879395693406-167">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-widget-element-5210879395693406-168"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-5210879395693406-169"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-5210879395693406-170"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-5210879395693406-171"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' &amp;&amp; eachJob.externalApply &amp;&amp; !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-widget-element-5210879395693406-172"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-widget-element-5210879395693406-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 &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-174"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-5210879395693406-175"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-5210879395693406-176"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-177"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-widget-element-5210879395693406-178"> <ppc-content key="UNCK6T-ph-profile-recommendations-v2-EX0Yva-WSKcmS-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="EX0Yva-WSKcmS" data-ph-id="ph-widget-element-5210879395693406-179">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-5210879395693406-180"> <section class="ph-widget" instance-id="SdCfDR" original-view="default" view="5210879245126265-default" data-ph-id="ph-widget-element-5210879395693406-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="5210879245126265-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="SdCfDR" original-view="default" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-183"> <div class="savejob-checkbox" data-ph-id="ph-widget-element-5210879395693406-184"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-186" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-5210879395693406-187"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-188"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-189"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-191"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-192"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-193"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-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-5210879395693406-196"> <span class="sr-only" data-ph-id="ph-widget-element-5210879395693406-197">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-198"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-5210879395693406-199"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-widget-element-5210879395693406-200"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-202"> <div class="modal-dialog" data-ph-id="ph-widget-element-5210879395693406-203"> <div class="popup-content-block" data-ph-id="ph-widget-element-5210879395693406-204"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="UNCK6T-ph-profile-recommendations-v2-EX0Yva-PYgY8C-default-closePopupAriaLabelText" instance-id="EX0Yva-PYgY8C" data-ph-id="ph-widget-element-5210879395693406-205"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-206"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-5210879395693406-207"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="UNCK6T-ph-profile-recommendations-v2-EX0Yva-ylpyAG-default-headingModalRole" key-aria-level="UNCK6T-ph-profile-recommendations-v2-EX0Yva-ylpyAG-default-headingModalAriaLevel" instance-id="EX0Yva-ylpyAG" data-ph-id="ph-widget-element-5210879395693406-208"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-5210879395693406-209"> <div class="job-location-count" data-ph-id="ph-widget-element-5210879395693406-210"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-5210879395693406-211"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-5210879395693406-212"> <li class="each-location ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-widget-element-5210879395693406-213"> <span data-ph-id="ph-widget-element-5210879395693406-214"> <i class="icon ${enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon" data-ph-id="ph-widget-element-5210879395693406-215"></i> </span> <span data-ph-id="ph-widget-element-5210879395693406-216"> ${eachLocation} </span> <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-widget-element-5210879395693406-217"> <span class="sr-only" data-ph-id="ph-widget-element-5210879395693406-218">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-219"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-5210879395693406-220">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-221">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-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 &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-223">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-5210879395693406-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 &amp;&amp; (enabledFields['category'] &amp;&amp; enabledFields['category'].settings &amp;&amp; enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-226"> <div class="modal-dialog" data-ph-id="ph-widget-element-5210879395693406-227"> <div class="popup-content-block" data-ph-id="ph-widget-element-5210879395693406-228"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="UNCK6T-ph-profile-recommendations-v2-EX0Yva-2SnRn0-default-closeCategoryPopupAriaLabelText" instance-id="EX0Yva-2SnRn0" data-ph-id="ph-widget-element-5210879395693406-229"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-230"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-5210879395693406-231"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="UNCK6T-ph-profile-recommendations-v2-EX0Yva-iRo1XS-default-headingModalRole" key-aria-level="UNCK6T-ph-profile-recommendations-v2-EX0Yva-iRo1XS-default-headingModalAriaLevel" instance-id="EX0Yva-iRo1XS" data-ph-id="ph-widget-element-5210879395693406-232"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-5210879395693406-233"> <div class="job-location-count" data-ph-id="ph-widget-element-5210879395693406-234"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-5210879395693406-235"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-5210879395693406-236"> <li class="each-category ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-widget-element-5210879395693406-237"> <span data-ph-id="ph-widget-element-5210879395693406-238"> <i class="icon ${enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon" data-ph-id="ph-widget-element-5210879395693406-239"></i> </span> <span data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-241"> <div aria-atomic="true" aria-live="assertive" instance-id="Io0bSH" data-ph-id="ph-widget-element-5210879395693406-242"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="UNCK6T-ph-profile-recommendations-v2-Io0bSH-8En06B-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="UNCK6T-ph-profile-recommendations-v2-Io0bSH-8En06B-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="UNCK6T-ph-profile-recommendations-v2-Io0bSH-8En06B-default-button-role-see-more" instance-id="Io0bSH-8En06B" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-244"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-245"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="UNCK6T-ph-profile-recommendations-v2-Io0bSH-pb0OJC-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="UNCK6T-ph-profile-recommendations-v2-Io0bSH-pb0OJC-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="UNCK6T-ph-profile-recommendations-v2-Io0bSH-pb0OJC-default-button-role-see-less" instance-id="Io0bSH-pb0OJC" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-247"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-248"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="UNCK6T-ph-profile-recommendations-v2-Io0bSH-MmP6yS-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="UNCK6T-ph-profile-recommendations-v2-Io0bSH-MmP6yS-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="UNCK6T-ph-profile-recommendations-v2-Io0bSH-MmP6yS-default-button-role-see-next" instance-id="Io0bSH-MmP6yS" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-250"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-251"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="UNCK6T-ph-profile-recommendations-v2-Io0bSH-RL7J4r-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="UNCK6T-ph-profile-recommendations-v2-Io0bSH-RL7J4r-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="UNCK6T-ph-profile-recommendations-v2-Io0bSH-RL7J4r-default-button-role-see-evenmore" instance-id="Io0bSH-RL7J4r" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-253"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-5210879395693406-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-5210879395693406-255"> <p data-ph-id="ph-widget-element-5210879395693406-256"> <ppc-content key="UNCK6T-ph-profile-recommendations-v2-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-5210879395693406-257"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-5205764928312680-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-5205764928312680-2"> <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="nIZvHC-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-5205764928312680-3"> <span class="action-icon" data-ph-id="ph-widget-element-5205764928312680-4"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-widget-element-5205764928312680-5"></i> </span> <ppc-content key="nIZvHC-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-widget-element-5205764928312680-6"> Use new resume </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-5205764988070835-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-widget-element-5205764988070835-2"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-5205764988070835-3"> <ppc-content key="sqzwRu-ph-import-resume-v1-upload-new-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-widget-element-5205764988070835-4">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-5205765252712118-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-5205765252712118-2"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-5205765252712118-3"> <div class="widget-container" data-ph-id="ph-widget-element-5205765252712118-4"> <div class="content-block" data-ph-id="ph-widget-element-5205765252712118-5"> <ul class="login-link-list" role="list" key-role="b5mOSw-ph-social-connect-v1-view5-new-listRole" data-ph-id="ph-widget-element-5205765252712118-6"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="b5mOSw-ph-social-connect-v1-view5-new-listItemRole" data-ph-id="ph-widget-element-5205765252712118-7"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-5205765252712118-8"> <div class="icon-block" data-ph-id="ph-widget-element-5205765252712118-9"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-5205765252712118-10"></i> </div> <div class="text-block" data-ph-id="ph-widget-element-5205765252712118-11"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-5205765309104711-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-5205765309104711-2"> <div class="widget-container" data-ph-id="ph-widget-element-5205765309104711-3"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-5205765309104711-4"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-widget-element-5205765309104711-5"> <div class="fyf-step-block" data-ph-id="ph-widget-element-5205765309104711-6"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765309104711-7"> </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-widget-element-5205765309104711-8"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-widget-element-5205765309104711-9"> <div class="heading-block" data-ph-id="ph-widget-element-5205765309104711-10"> <!-- <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-widget-element-5205765309104711-11"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-widgetMainHeading2" data-ph-id="ph-widget-element-5205765309104711-12"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-widget-element-5205765309104711-13"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-14"></i> <span data-ph-id="ph-widget-element-5205765309104711-15"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-widgetsubHeading" data-ph-id="ph-widget-element-5205765309104711-16"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </span> </div> </div> <section class="ph-widget" instance-id="k43NME" original-view="view5" view="5205765061314321-view5" data-ph-id="ph-widget-element-5205765309104711-17"> <div class="ph-social-connect-v1-view5-default ph-widget-target" instance-id="k43NME" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view5-1709113521437" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-widget-element-5205765309104711-18"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5205765309104711-19"> <div class="prev" data-ph-id="ph-widget-element-5205765309104711-20"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ObjrLl-X3vBES-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5205765309104711-21"> <span data-ph-id="ph-widget-element-5205765309104711-22"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-23"></i> </span> </a> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' &amp;&amp; !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-widget-element-5205765309104711-24"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5205765309104711-25"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-5205765309104711-26"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5205765309104711-27"> <ppc-content key="szFWfr-X3vBES-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5205765309104711-28">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-widget-element-5205765309104711-29"> <ppc-content key="J8xMQ3-X3vBES-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765309104711-30">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-widget-element-5205765309104711-31"> <legend class="sr-only" data-ph-id="ph-widget-element-5205765309104711-32"> <ppc-content key="vfM1Z0-X3vBES-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765309104711-33"> What are you interested in? </ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-widget-element-5205765309104711-34"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepNoCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-5205765309104711-35">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-widget-element-5205765309104711-36"> <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-widget-element-5205765309104711-37" /> <span class="cat-text" data-ph-id="ph-widget-element-5205765309104711-38">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-widget-element-5205765309104711-39"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-40"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5205765309104711-41"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5205765309104711-42"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5205765309104711-43"> <ppc-content key="h4Zanp-X3vBES-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-44">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="wMkOMs-X3vBES-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-45">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5205765309104711-46"> <ppc-content key="0TaART-X3vBES-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5205765309104711-47">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5205765309104711-48"> <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="sZf375-X3vBES-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5205765309104711-49"> <span data-ph-id="ph-widget-element-5205765309104711-50"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-51"></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' &amp;&amp; !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-widget-element-5205765309104711-52"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5205765309104711-53"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-5205765309104711-54"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5205765309104711-55"> <ppc-content key="rv2elk-X3vBES-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5205765309104711-56">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-widget-element-5205765309104711-57"> <ppc-content key="HEppFB-X3vBES-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765309104711-58">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="X3vBES-ph-find-your-fit-v1-default-subCategoriesBlockRoleText" aria-labelledby="phFyfSubCategories" data-ph-id="ph-widget-element-5205765309104711-59"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-widget-element-5205765309104711-60"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepNoSubCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-5205765309104711-61">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-widget-element-5205765309104711-62"> <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-widget-element-5205765309104711-63" /> <span class="cat-text" data-ph-id="ph-widget-element-5205765309104711-64">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-widget-element-5205765309104711-65"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-66"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5205765309104711-67"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5205765309104711-68"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5205765309104711-69"> <ppc-content key="kYWFeS-X3vBES-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-70">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="u6VCqO-X3vBES-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-71">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5205765309104711-72"> <ppc-content key="jXvAlw-X3vBES-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5205765309104711-73">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5205765309104711-74"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="Kzeei2-X3vBES-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5205765309104711-75"> <span data-ph-id="ph-widget-element-5205765309104711-76"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-77"></i> </span> </a> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-widget-element-5205765309104711-78"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5205765309104711-79"> <!-- <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-widget-element-5205765309104711-80"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5205765309104711-81"> <ppc-content key="SqUqBs-X3vBES-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5205765309104711-82">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-widget-element-5205765309104711-83"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepRecentTitleHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765309104711-84">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-widget-element-5205765309104711-85"> <label for="recentTitles" data-ph-id="ph-widget-element-5205765309104711-86"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-widget-element-5205765309104711-87"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="X3vBES-ph-find-your-fit-v1-default-stepTwoLabel" data-ph-id="ph-widget-element-5205765309104711-88"> <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="X3vBES-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-widget-element-5205765309104711-89"> </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="X3vBES-ph-find-your-fit-v1-default-fyfStepRecentTitleClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-5205765309104711-90"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-5205765309104711-91"></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-widget-element-5205765309104711-92"> <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-widget-element-5205765309104711-93"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="X3vBES-ph-find-your-fit-v1-default-fyfStepRecentTitleNoResultsText" data-ph-id="ph-widget-element-5205765309104711-94">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765309104711-95"> <span if.bind="stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length &amp;&amp; stepData.showRecentTitleDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5205765309104711-96"> ${widgetBundle[stepData.recentTitles.length &gt; 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length &amp;&amp; stepData.showRecentTitleDropdown)" key="X3vBES-ph-find-your-fit-v1-default-recentTitlesAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-5205765309104711-97"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-widget-element-5205765309104711-98"> <label class="input-radio-group" data-ph-id="ph-widget-element-5205765309104711-99"> <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="vuHmAP-X3vBES-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-id="ph-widget-element-5205765309104711-100"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-101"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-102"></span> <span class="radio-text" data-ph-id="ph-widget-element-5205765309104711-103"> <ppc-content key="PK9R4B-X3vBES-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-at-id="radio-button-text" data-ph-id="ph-widget-element-5205765309104711-104">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-widget-element-5205765309104711-105"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5205765309104711-106"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5205765309104711-107"> <ppc-content key="pB5HLT-X3vBES-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length &amp;&amp; !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-108">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="q0w5hP-X3vBES-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-109">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5205765309104711-110"> <ppc-content key="hQHNnL-X3vBES-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5205765309104711-111">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5205765309104711-112"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="EK8sKa-X3vBES-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5205765309104711-113"> <span data-ph-id="ph-widget-element-5205765309104711-114"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-115"></i> </span> </a> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-widget-element-5205765309104711-116"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5205765309104711-117"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-5205765309104711-118"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5205765309104711-119"> <ppc-content key="cDVh5H-X3vBES-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5205765309104711-120">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-widget-element-5205765309104711-121"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepSkillsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765309104711-122">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-widget-element-5205765309104711-123"> <label for="skills" data-ph-id="ph-widget-element-5205765309104711-124"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-widget-element-5205765309104711-125">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-widget-element-5205765309104711-126"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-widget-element-5205765309104711-127"> ${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-widget-element-5205765309104711-128"> <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-widget-element-5205765309104711-129"> <div role="list" data-ph-id="ph-widget-element-5205765309104711-130"> <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-widget-element-5205765309104711-131"> <span data-ph-id="ph-widget-element-5205765309104711-132">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${suggestedSkill} skill" key-aria-label="X3vBES-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-widget-element-5205765309104711-133"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-134"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-widget-element-5205765309104711-135"> <div data-ph-id="ph-widget-element-5205765309104711-136"> <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="X3vBES-ph-find-your-fit-v1-default-stepThreeLabel" data-ph-id="ph-widget-element-5205765309104711-137"> <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="X3vBES-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-widget-element-5205765309104711-138"> </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="X3vBES-ph-find-your-fit-v1-default-fyfStepSkillsClearSearchAriaLabel" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-5205765309104711-139"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-140"></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-widget-element-5205765309104711-141"> <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-widget-element-5205765309104711-142"></li> <li class="search-noresults" if.bind="(!stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="X3vBES-ph-find-your-fit-v1-default-fyfStepSkillsNoResultsText" data-ph-id="ph-widget-element-5205765309104711-143">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765309104711-144"> <span if.bind="stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length &amp;&amp; stepData.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5205765309104711-145"> ${widgetBundle[stepData.skills.length &gt; 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length &amp;&amp; stepData.showSkillsDropdown)" key="X3vBES-ph-find-your-fit-v1-default-skillsAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-5205765309104711-146"> 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-widget-element-5205765309104711-147"> <div data-ph-id="ph-widget-element-5205765309104711-148"> <h3 class="suggested-heading" data-ph-id="ph-widget-element-5205765309104711-149"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepSkillsSuggestionsText" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-widget-element-5205765309104711-150">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-widget-element-5205765309104711-151"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-widget-element-5205765309104711-152"> <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-widget-element-5205765309104711-153"> <span data-ph-id="ph-widget-element-5205765309104711-154">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-155"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5205765309104711-156"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5205765309104711-157"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5205765309104711-158"> <ppc-content key="7PJKYd-X3vBES-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-159">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="dLhFLn-X3vBES-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-160">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5205765309104711-161"> <ppc-content key="9Jo1vQ-X3vBES-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5205765309104711-162">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5205765309104711-163"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="QSv2kG-X3vBES-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5205765309104711-164"> <span data-ph-id="ph-widget-element-5205765309104711-165"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-166"></i> </span> </a> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-widget-element-5205765309104711-167"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5205765309104711-168"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-5205765309104711-169"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5205765309104711-170"> <ppc-content key="2xVaPw-X3vBES-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5205765309104711-171">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-widget-element-5205765309104711-172"> <ppc-content key="oIqv9w-X3vBES-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765309104711-173">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-widget-element-5205765309104711-174"> <legend class="sr-only" data-ph-id="ph-widget-element-5205765309104711-175"> <ppc-content key="txp11M-X3vBES-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765309104711-176">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-widget-element-5205765309104711-177"> <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-widget-element-5205765309104711-178"> <span class="radio-text" data-ph-id="ph-widget-element-5205765309104711-179"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-widget-element-5205765309104711-180">${exp.displayName} <span if.bind="exp.min == 0" key="uB5gG9-X3vBES-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-5205765309104711-181"> Year </span> <span if.bind="exp.min != 0" key="eIs1kb-X3vBES-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-5205765309104711-182"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5205765309104711-183"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5205765309104711-184"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5205765309104711-185"> <ppc-content key="kPZkoM-X3vBES-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-186">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="a6NjW7-X3vBES-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-187">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5205765309104711-188"> <ppc-content key="YsVaPA-X3vBES-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5205765309104711-189">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5205765309104711-190"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="xZfgHb-X3vBES-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5205765309104711-191"> <span data-ph-id="ph-widget-element-5205765309104711-192"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-193"></i> </span> </a> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-widget-element-5205765309104711-194"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5205765309104711-195"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-5205765309104711-196"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5205765309104711-197"> <ppc-content key="0C7dDd-X3vBES-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5205765309104711-198">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-widget-element-5205765309104711-199"> <ppc-content key="ZBrYBM-X3vBES-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765309104711-200">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="X3vBES-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-widget-element-5205765309104711-201"> <legend class="sr-only" data-ph-id="ph-widget-element-5205765309104711-202"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepWorkExpHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765309104711-203">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-widget-element-5205765309104711-204"> <span class="check-mark" data-ph-id="ph-widget-element-5205765309104711-205"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-206"></i> </span> <span class="radio-text" data-ph-id="ph-widget-element-5205765309104711-207"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-widget-element-5205765309104711-208">${exp.displayName} <span if.bind="exp.min == 0" key="k1sCig-X3vBES-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-5205765309104711-209"> Year </span> <span if.bind="exp.min != 0" key="6ATg8A-X3vBES-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-5205765309104711-210"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5205765309104711-211"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5205765309104711-212"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5205765309104711-213"> <ppc-content key="MR92E9-X3vBES-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-214">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1)) " key="Xn0a12-X3vBES-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-215">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5205765309104711-216"> <ppc-content key="VdaSpC-X3vBES-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5205765309104711-217">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5205765309104711-218"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="VFDtPk-X3vBES-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5205765309104711-219"> <span data-ph-id="ph-widget-element-5205765309104711-220"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-221"></i> </span> </a> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-widget-element-5205765309104711-222"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5205765309104711-223"> <!-- <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-widget-element-5205765309104711-224"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5205765309104711-225"> <ppc-content key="ZbHzYp-X3vBES-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5205765309104711-226">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-widget-element-5205765309104711-227"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765309104711-228">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-widget-element-5205765309104711-229"> <label for="locations" data-ph-id="ph-widget-element-5205765309104711-230"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-widget-element-5205765309104711-231">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-widget-element-5205765309104711-232"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-widget-element-5205765309104711-233"> ${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-widget-element-5205765309104711-234"> <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-widget-element-5205765309104711-235"> <div role="list" data-ph-id="ph-widget-element-5205765309104711-236"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length &amp;&amp; selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-5205765309104711-237"> <span data-ph-id="ph-widget-element-5205765309104711-238">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="X3vBES-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-widget-element-5205765309104711-239"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-240"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-widget-element-5205765309104711-241"> <div data-ph-id="ph-widget-element-5205765309104711-242"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="X3vBES-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-widget-element-5205765309104711-243"> <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="X3vBES-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-widget-element-5205765309104711-244"> </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="X3vBES-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-5205765309104711-245"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-246"></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-widget-element-5205765309104711-247"> <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-widget-element-5205765309104711-248"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="X3vBES-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-widget-element-5205765309104711-249">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765309104711-250"> <span if.bind="stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5205765309104711-251"> ${widgetBundle[stepData.locations.length &gt; 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown)" key="X3vBES-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-5205765309104711-252"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5205765309104711-253"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-5205765309104711-254"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-5205765309104711-255"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" key="KqZ1R0-X3vBES-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-256">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="vPlM5h-X3vBES-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-5205765309104711-257">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5205765309104711-258"> <ppc-content key="o3tBro-X3vBES-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5205765309104711-259">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5205765309104711-260"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="7k8dpM-X3vBES-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5205765309104711-261"> <span data-ph-id="ph-widget-element-5205765309104711-262"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-263"></i> </span> </a> </div> </div> </div> <!-- End prefered Location Step --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' &amp;&amp; !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-widget-element-5205765309104711-264"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-widget-element-5205765309104711-265"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5205765309104711-266"> <!-- <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-widget-element-5205765309104711-267"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-5205765309104711-268"> <ppc-content key="KZGG6V-X3vBES-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5205765309104711-269">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-widget-element-5205765309104711-270"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5205765309104711-271">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5205765309104711-272">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-widget-element-5205765309104711-273"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765309104711-274">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-widget-element-5205765309104711-275"> <form role="form" submit.delegate="" data-ph-id="ph-widget-element-5205765309104711-276"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-widget-element-5205765309104711-277"> <div data-ph-id="ph-widget-element-5205765309104711-278"> <label for="preferredName" data-ph-id="ph-widget-element-5205765309104711-279"> <span key="Lw01Gh-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-widget-element-5205765309104711-280">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-281"> <ppc-content key="9LKG6c-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-widget-element-5205765309104711-282"> Preferred name <span class="required" data-ph-id="ph-widget-element-5205765309104711-283">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765309104711-284"> <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="awW8lF-X3vBES-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-widget-element-5205765309104711-285"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error &amp;&amp; stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-widget-element-5205765309104711-286"> <ppc-content key="x7v3j7-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-widget-element-5205765309104711-287">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-widget-element-5205765309104711-288"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205765309104711-289"> <div data-ph-id="ph-widget-element-5205765309104711-290"> <label for="name" data-ph-id="ph-widget-element-5205765309104711-291"> <span key="827GY2-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-widget-element-5205765309104711-292">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-293"> <ppc-content key="LKtcLO-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-widget-element-5205765309104711-294"> Full name <span class="required" data-ph-id="ph-widget-element-5205765309104711-295">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765309104711-296"> <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="nbcagg-X3vBES-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-widget-element-5205765309104711-297"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error &amp;&amp; stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-5205765309104711-298"> <ppc-content key="P7F8cw-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-widget-element-5205765309104711-299">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-widget-element-5205765309104711-300"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205765309104711-301"> <div data-ph-id="ph-widget-element-5205765309104711-302"> <label for="email-1" data-ph-id="ph-widget-element-5205765309104711-303"> <span key="hAOkW9-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-widget-element-5205765309104711-304">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-305"> <ppc-content key="PDgrPz-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-widget-element-5205765309104711-306">Email <span class="required" data-ph-id="ph-widget-element-5205765309104711-307"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765309104711-308"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="[email protected]" key-placeholder="ip7fMr-X3vBES-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-widget-element-5205765309104711-309"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-widget-element-5205765309104711-310"> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5205765309104711-311"> <ppc-content key="sRo2QO-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-5205765309104711-312">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5205765309104711-313"> <ppc-content key="Moh17H-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-5205765309104711-314">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-widget-element-5205765309104711-315"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205765309104711-316"> <div data-ph-id="ph-widget-element-5205765309104711-317"> <label for="phone" data-ph-id="ph-widget-element-5205765309104711-318"> <span key="UTLCfX-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-widget-element-5205765309104711-319">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-320"> <ppc-content key="KxFkdj-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-widget-element-5205765309104711-321">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765309104711-322"> <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="3JIJmY-X3vBES-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-widget-element-5205765309104711-323"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error &amp;&amp; stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-widget-element-5205765309104711-324"> <ppc-content key="KqQG9N-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-widget-element-5205765309104711-325">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-widget-element-5205765309104711-326"></i> </input></div> <div class="security-info" data-ph-id="ph-widget-element-5205765309104711-327"> <div class="security-info-block" data-ph-id="ph-widget-element-5205765309104711-328"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-329"></i> <ppc-content key="cnPOmk-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-widget-element-5205765309104711-330"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-5205765309104711-331"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-5205765309104711-332"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5205765309104711-333"> <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="CKe4ah-X3vBES-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-5205765309104711-334"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-335"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-336"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205765309104711-337"> <ppc-content class="cd-terms-policy-block" key="TqKhrQ-X3vBES-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-widget-element-5205765309104711-338"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5205765309104711-339"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5205765309104711-340">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-5205765309104711-341">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-5205765309104711-342"> <ppc-content class="cd-terms-policy-block" key="3V9s3P-X3vBES-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-widget-element-5205765309104711-343"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5205765309104711-344"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5205765309104711-345">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-5205765309104711-346">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-5205765309104711-347"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-widget-element-5205765309104711-348"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-5205765309104711-349"> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-5205765309104711-350"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5205765309104711-351"> <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="PpQ8cA-X3vBES-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-widget-element-5205765309104711-352"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-353"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-354"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205765309104711-355"> <ppc-content key="UgkSk6-X3vBES-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-5205765309104711-356">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-5205765309104711-357"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5205765309104711-358"> <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-widget-element-5205765309104711-359"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-360"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-361"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205765309104711-362"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-5205765309104711-363"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-5205765309104711-364">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="wNRIWS" original-view="default" view="5205765092490773-default" data-ph-id="ph-widget-element-5205765309104711-365"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1709113185950" instance-id="wNRIWS" original-view="default" data-ph-id="ph-widget-element-5205765309104711-366"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765309104711-367"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-widget-element-5205765309104711-368"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5205765309104711-369"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-widget-element-5205765309104711-370"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="b5Yk7Z-X3vBES-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5205765309104711-371"> <ppc-content key="souUqN-X3vBES-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5205765309104711-372">Submit </ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5205765309104711-373"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="iyn5JU-X3vBES-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5205765309104711-374"> <span data-ph-id="ph-widget-element-5205765309104711-375"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-376"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-widget-element-5205765309104711-377"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5205765309104711-378"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-5205765309104711-379"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5205765309104711-380">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5205765309104711-381">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="H3HUKP" original-view="view1" view="5205765204032342-view1" data-ph-id="ph-widget-element-5205765309104711-382"> <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{&quot;context&quot;:&quot;fyf&quot;}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default" view="view1-1709112991179" instance-id="H3HUKP" original-view="view1" data-ph-id="ph-widget-element-5205765309104711-383"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5205765309104711-384"> <div class="prev" data-ph-id="ph-widget-element-5205765309104711-385"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="jLcvV7-X3vBES-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5205765309104711-386"> <span data-ph-id="ph-widget-element-5205765309104711-387"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-388"></i> </span> </a> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' &amp;&amp; !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-widget-element-5205765309104711-389"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-5205765309104711-390"> <!-- <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-widget-element-5205765309104711-391"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-widget-element-5205765309104711-392"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfNewContactInfoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5205765309104711-393">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfNewContactInfoNoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-5205765309104711-394">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-widget-element-5205765309104711-395"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfNewContactInfoSocialLoginText" data-ph-id="ph-widget-element-5205765309104711-396"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" instance-id="b5mOSw" original-view="view5-new" view="5205765252712118-new" data-ph-id="ph-widget-element-5205765309104711-397"> <div class="ph-social-connect-v1-view5-new-default" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="5205765252712118-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="b5mOSw" data-ph-id="ph-widget-element-5205765309104711-398"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-5205765309104711-399"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-5205765309104711-400"> <div class="widget-container" data-ph-id="ph-widget-element-5205765309104711-401"> <div class="content-block" data-ph-id="ph-widget-element-5205765309104711-402"> <ul class="login-link-list" role="list" key-role="X3vBES-ph-find-your-fit-v1-default-listRole" data-ph-id="ph-widget-element-5205765309104711-403"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="X3vBES-ph-find-your-fit-v1-default-listItemRole" data-ph-id="ph-widget-element-5205765309104711-404"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-5205765309104711-405"> <div class="icon-block" data-ph-id="ph-widget-element-5205765309104711-406"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-407"></i> </div> <div class="text-block" data-ph-id="ph-widget-element-5205765309104711-408"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-widget-element-5205765309104711-409"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfNewContactInfoOrTxt" data-ph-id="ph-widget-element-5205765309104711-410">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-widget-element-5205765309104711-411"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyfNewContactInfoHeadingText" data-ph-id="ph-widget-element-5205765309104711-412"> 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-widget-element-5205765309104711-413"> <form role="form" submit.delegate="" data-ph-id="ph-widget-element-5205765309104711-414"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-widget-element-5205765309104711-415"> <div data-ph-id="ph-widget-element-5205765309104711-416"> <label for="preferredName" data-ph-id="ph-widget-element-5205765309104711-417"> <span key="sp1Z1k-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-widget-element-5205765309104711-418">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-419"> <ppc-content key="qHcJBr-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-widget-element-5205765309104711-420"> Preferred name <span class="required" data-ph-id="ph-widget-element-5205765309104711-421">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765309104711-422"> <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="Q2jUFT-X3vBES-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-widget-element-5205765309104711-423"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error &amp;&amp; stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-widget-element-5205765309104711-424"> <ppc-content key="2wUbKR-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-widget-element-5205765309104711-425">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-widget-element-5205765309104711-426"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205765309104711-427"> <div data-ph-id="ph-widget-element-5205765309104711-428"> <label for="name" data-ph-id="ph-widget-element-5205765309104711-429"> <span key="c1lEbH-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-widget-element-5205765309104711-430">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-431"> <ppc-content key="YcAvnS-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-widget-element-5205765309104711-432"> Full name <span class="required" data-ph-id="ph-widget-element-5205765309104711-433">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765309104711-434"> <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="Y2iLIc-X3vBES-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-widget-element-5205765309104711-435"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error &amp;&amp; stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-5205765309104711-436"> <ppc-content key="11VYPh-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-widget-element-5205765309104711-437">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-widget-element-5205765309104711-438"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205765309104711-439"> <div data-ph-id="ph-widget-element-5205765309104711-440"> <label for="email-2" data-ph-id="ph-widget-element-5205765309104711-441"> <span key="NlFM8L-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-widget-element-5205765309104711-442">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-443"> <ppc-content key="JKq0bH-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-widget-element-5205765309104711-444">Email <span class="required" data-ph-id="ph-widget-element-5205765309104711-445"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765309104711-446"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="[email protected]" key-placeholder="O9CMNR-X3vBES-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-widget-element-5205765309104711-447"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-widget-element-5205765309104711-448"> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5205765309104711-449"> <ppc-content key="VL0Rsf-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-5205765309104711-450">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5205765309104711-451"> <ppc-content key="ucWMSn-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-5205765309104711-452">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-widget-element-5205765309104711-453"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205765309104711-454"> <div data-ph-id="ph-widget-element-5205765309104711-455"> <label for="phone" data-ph-id="ph-widget-element-5205765309104711-456"> <span key="ROrNvr-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-widget-element-5205765309104711-457">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-458"> <ppc-content key="fYa9xu-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-widget-element-5205765309104711-459">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765309104711-460"> <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="XlJ3bW-X3vBES-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-widget-element-5205765309104711-461"> <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error &amp;&amp; stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-widget-element-5205765309104711-462"> <ppc-content key="Km6MqV-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-widget-element-5205765309104711-463">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-widget-element-5205765309104711-464"></i> </input></div> <div class="security-info" data-ph-id="ph-widget-element-5205765309104711-465"> <div class="security-info-block" data-ph-id="ph-widget-element-5205765309104711-466"> <ppc-content key="Mfx0oM-X3vBES-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-widget-element-5205765309104711-467"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-5205765309104711-468"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-5205765309104711-469"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5205765309104711-470"> <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="R15tkM-X3vBES-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-5205765309104711-471"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-472"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-473"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205765309104711-474"> <ppc-content class="cd-terms-policy-block" key="Q2km3i-X3vBES-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-widget-element-5205765309104711-475"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5205765309104711-476"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5205765309104711-477">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-5205765309104711-478"> <ppc-content class="cd-terms-policy-block" key="OpL1Ce-X3vBES-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-widget-element-5205765309104711-479"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5205765309104711-480"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5205765309104711-481">terms of use</a> </ppc-content> </span> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length) &amp;&amp; !hideOptIn" data-ph-id="ph-widget-element-5205765309104711-482"> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-5205765309104711-483"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5205765309104711-484"> <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="5bWqhw-X3vBES-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-widget-element-5205765309104711-485"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-486"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-487"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205765309104711-488"> <ppc-content key="g3tSnF-X3vBES-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-5205765309104711-489">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-widget-element-5205765309104711-490"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyf1-please-accept-terms" data-ph-id="ph-widget-element-5205765309104711-491"> Please accept terms of use and policy. </ppc-content> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-5205765309104711-492"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5205765309104711-493"> <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-widget-element-5205765309104711-494"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-495"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-496"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205765309104711-497"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-5205765309104711-498"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-5205765309104711-499">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="gxYA2O" original-view="default" view="5205765281125205-default" data-ph-id="ph-widget-element-5205765309104711-500"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1709113186279" instance-id="gxYA2O" original-view="default" data-ph-id="ph-widget-element-5205765309104711-501"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765309104711-502"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-widget-element-5205765309104711-503"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-5205765309104711-504"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-widget-element-5205765309104711-505"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="Wji01v-X3vBES-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-widget-element-5205765309104711-506"> <ppc-content key="Lg6Tzj-X3vBES-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-5205765309104711-507">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-5205765309104711-508"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="aJArLi-X3vBES-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-5205765309104711-509"> <span data-ph-id="ph-widget-element-5205765309104711-510"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-5205765309104711-511"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-widget-element-5205765309104711-512"> <button href="javascript:void(0);" click.delegate="skip()" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType == 'authorise' ? widgetBundle['socialSigninStepText'] : fyfStepConfig.stepType } step" key-aria-label="X3vBES-ph-find-your-fit-v1-default-skipStepTypeText1" data-ph-at-id="skip-link" data-ph-id="ph-widget-element-5205765309104711-513"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-widget-element-5205765309104711-514"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-fyf-skipText" data-ph-at-id="skip-link-text" data-ph-id="ph-widget-element-5205765309104711-515">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-widget-element-5205765309104711-516"> <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled &amp;&amp; isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-widget-element-5205765309104711-517"> <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-widget-element-5205765309104711-518"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled &amp;&amp; isUserSocialLoggedIn)" data-ph-id="ph-widget-element-5205765309104711-519"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin &amp;&amp; !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount+1}" data-ph-at-starting-step-number-text="${stepsCount+1}" data-ph-id="ph-widget-element-5205765309104711-520"> <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-widget-element-5205765309104711-521"></div> </div> <div class="progress-text" if.bind="disableSocialLogin &amp;&amp; !isUserSocialLoggedIn" data-ph-id="ph-widget-element-5205765309104711-522"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-widget-element-5205765309104711-523"> <div data-ph-id="ph-widget-element-5205765309104711-524"> <ppc-content key="X3vBES-ph-find-your-fit-v1-default-noStepsFoundText" data-ph-id="ph-widget-element-5205765309104711-525"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765309104711-526"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-widget-element-5205765309104711-527"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-1680714249200-default" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader &amp;&amp; !userConsentPopup" class="show-loader" data-ph-id="ph-widget-element-5205765797550677-2"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-widget-element-5205765797550677-3"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader &amp;&amp; !avoidBackDropFirstTime" data-ph-id="ph-widget-element-5205765797550677-4"></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-widget-element-5205765797550677-5"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765797550677-6"> <div class="upload-resume-tile" if.bind="!isLoggedIn &amp;&amp; (currentStep == 'chooseStep')" data-ph-id="ph-widget-element-5205765797550677-7"> <div class="widget-container" data-ph-id="ph-widget-element-5205765797550677-8"> <div class="upload-resume-tile-container" data-ph-id="ph-widget-element-5205765797550677-9"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-widget-element-5205765797550677-10"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-widget-element-5205765797550677-11"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-preLoginHeadingVisitorText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-12">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-widget-element-5205765797550677-13"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-preLoginHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-14">Get tailored job recommendations based on your interests.</ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-widget-element-5205765797550677-15"> <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="gjHu6w-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel1" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-widget-element-5205765797550677-16"> <ppc-content key="wdK1BF-gjHu6w-ph-find-your-fit-container-v1-default-preLoginActionButtonText" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-widget-element-5205765797550677-17"> 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-widget-element-5205765797550677-18"> <div class="widget-container" data-ph-id="ph-widget-element-5205765797550677-19"> <div class="post-login-resume-tile-container" data-ph-id="ph-widget-element-5205765797550677-20"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-widget-element-5205765797550677-21"> <div class="user-profile-icon fs-block" data-ph-id="ph-widget-element-5205765797550677-22"> <span class="user-name-prefix" if.bind="!((preferredName &amp;&amp; profileData.preferredName) || profileData.firstName)" data-ph-id="ph-widget-element-5205765797550677-23"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-24"></i> </span> <span class="sr-only" data-ph-id="ph-widget-element-5205765797550677-25"> <span key="gjHu6w-ph-find-your-fit-container-v1-default-profileIconScreenText" data-ph-id="ph-widget-element-5205765797550677-26"> profile icon </span> ${preferredName &amp;&amp; profileData.preferredName &amp;&amp; profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) || ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="preferredName &amp;&amp; profileData.preferredName || profileData.firstName" data-ph-id="ph-widget-element-5205765797550677-27"> ${preferredName &amp;&amp; profileData.preferredName &amp;&amp; profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) + profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" data-ph-id="ph-widget-element-5205765797550677-28"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="(preferredName &amp;&amp; profileData.preferredName) || profileData.firstName" data-ph-id="ph-widget-element-5205765797550677-29"> <span class="recom-text" data-ph-id="ph-widget-element-5205765797550677-30">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName": preferredName &amp;&amp; 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-widget-element-5205765797550677-31"> <span class="recom-text" data-ph-id="ph-widget-element-5205765797550677-32"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="gjHu6w-ph-find-your-fit-container-v1-default-postLoginProfileHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-33">Your personalized site and job recommendations are ready.</ppc-content> <ppc-content if.bind="!isProfileJobsAvailable &amp;&amp; !isCandidateHomeEnabled" key="gjHu6w-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-34"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable &amp;&amp; isCandidateHomeEnabled &amp;&amp; isProfileDataExists" key="gjHu6w-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-35"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled &amp;&amp; !isProfileJobsAvailable &amp;&amp; !isProfileDataExists" key="gjHu6w-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading3" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-36"> Currently we don’t have enough information to provide personalized job recommendations. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled &amp;&amp; (isActiveSession &amp;&amp; isAnonymous)" key="gjHu6w-ph-find-your-fit-container-v1-default-postLoginSignUpText" data-ph-id="ph-widget-element-5205765797550677-37"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-widget-element-5205765797550677-38">Sign up</a> <span data-ph-id="ph-widget-element-5205765797550677-39"> to save your personalized experience </span> </ppc-content> </span> </h2> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous) &amp;&amp; flowType == 'upload_resume'" data-ph-id="ph-widget-element-5205765797550677-40"> <div class="action-area-block" data-ph-id="ph-widget-element-5205765797550677-41"> <button class="edit-resume upload-action-btn ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-editUploadOptionAriaLabel1" data-ph-at-id="edit-link" data-ph-id="ph-widget-element-5205765797550677-42"> <span class="error-icon" show.bind="isContactDetailsConfigured &amp;&amp; !(gdprConsent &amp;&amp; !savePersonalInfo) &amp;&amp; !resumeInfoConfirmation " data-ph-id="ph-widget-element-5205765797550677-43"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-44"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent &amp;&amp; !savePersonalInfo)" data-ph-id="ph-widget-element-5205765797550677-45"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-46"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-5205765797550677-47"> <span data-ph-id="ph-widget-element-5205765797550677-48">${profileData.resumeName &amp;&amp; (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName &amp;&amp; ('.'+profileData.resumeName.split('.').pop())} </span> <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-widget-element-5205765797550677-49"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-50"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-widget-element-5205765797550677-51"> <ul data-ph-id="ph-widget-element-5205765797550677-52"> <li if.bind="isContactDetailsConfigured &amp;&amp; !(gdprConsent &amp;&amp; !savePersonalInfo) &amp;&amp; !resumeInfoConfirmation" data-ph-id="ph-widget-element-5205765797550677-53"> <button class="completeInfo-btn" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-" click.delegate="openContactDetailsPopup()" data-ph-id="ph-widget-element-5205765797550677-54"> <span class="button-text" data-ph-id="ph-widget-element-5205765797550677-55"> <span class="error-icon action-icon" data-ph-id="ph-widget-element-5205765797550677-56"><i class="icon icon-error" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-57"></i></span><ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-completeInformationButtonText" data-ph-id="ph-widget-element-5205765797550677-58">Complete resume info</ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-widget-element-5205765797550677-59"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-widget-element-5205765797550677-60"> <span class="action-icon" data-ph-id="ph-widget-element-5205765797550677-61"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-62"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-widget-element-5205765797550677-63"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-widget-element-5205765797550677-64"> <section class="ph-widget" data-tmpl-type="inline" instance-id="nIZvHC" original-view="re-upload" view="5205764928312680-upload" data-ph-id="ph-widget-element-5205765797550677-65"> <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="5205764928312680-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" instance-id="nIZvHC" original-view="re-upload" data-ph-id="ph-widget-element-5205765797550677-66"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-5205765797550677-67"> <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-5205765797550677-68"> <span class="action-icon" data-ph-id="ph-widget-element-5205765797550677-69"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-70"></i> </span> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-widget-element-5205765797550677-71"> Use new resume </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin &amp;&amp; !isSiteLogin" data-ph-id="ph-widget-element-5205765797550677-72"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-widget-element-5205765797550677-73"> <span class="action-icon" data-ph-id="ph-widget-element-5205765797550677-74"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-75"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-widget-element-5205765797550677-76"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-widget-element-5205765797550677-77"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-widget-element-5205765797550677-78"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-79"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-widget-element-5205765797550677-80"> ${socialProvider} </span> <ppc-content key="7rvewd-gjHu6w-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-widget-element-5205765797550677-81"> 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="zNFTEK-gjHu6w-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-widget-element-5205765797550677-82"> <ppc-content key="YJb4gd-gjHu6w-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-widget-element-5205765797550677-83">Log out </ppc-content> </a> </div> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous) &amp;&amp; (flowType == 'find_your_fit' || (isAnonymous &amp;&amp; flowType == 'candidateProfile'))" data-ph-id="ph-widget-element-5205765797550677-84"> <div class="action-area-block" data-ph-id="ph-widget-element-5205765797550677-85"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="wtDRx7-gjHu6w-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-widget-element-5205765797550677-86"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-profileUpdationEditText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-5205765797550677-87">Edit profile</ppc-content> </button> <div class="reset-block" data-ph-id="ph-widget-element-5205765797550677-88"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin &amp;&amp; !isSiteLogin" aria-label="reset find your fit profile" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-profileUpdateResetAriaLabel" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-widget-element-5205765797550677-89"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-90"></i> <span data-ph-id="ph-widget-element-5205765797550677-91"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-profileUpdateResetLinkText" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-widget-element-5205765797550677-92"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-widget-element-5205765797550677-93"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-widget-element-5205765797550677-94"> <span class="sr-only" data-ph-id="ph-widget-element-5205765797550677-95">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-96"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-widget-element-5205765797550677-97"> ${socialProvider} </span> <ppc-content key="5OY06E-gjHu6w-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-widget-element-5205765797550677-98"> 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="zLYztF-gjHu6w-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-widget-element-5205765797550677-99"> <ppc-content key="tR6IUz-gjHu6w-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-widget-element-5205765797550677-100">Log out </ppc-content> </a> </div> </div> </div> </div> <div class="action-area action-btn ph-a11y-action-btn" if.bind="!((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-widget-element-5205765797550677-101"> <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="gjHu6w-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-widget-element-5205765797550677-102"> <ppc-content key="c0MA08-gjHu6w-ph-find-your-fit-container-v1-default-preLoginActionButtonText" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-widget-element-5205765797550677-103"> Get Started</ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous &amp;&amp; flowType == 'candidateProfile'" data-ph-id="ph-widget-element-5205765797550677-104"> <div class="action-area-block" data-ph-id="ph-widget-element-5205765797550677-105"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="JTO44k-gjHu6w-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-id="ph-widget-element-5205765797550677-106"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-profileUpdationEditProfileText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-5205765797550677-107">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-widget-element-5205765797550677-108"> <div class="widget-container" data-ph-id="ph-widget-element-5205765797550677-109"> <div class="inner-content" data-ph-id="ph-widget-element-5205765797550677-110"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-widget-element-5205765797550677-111"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-flowChoosingHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-112">Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-widget-element-5205765797550677-113"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-flowChoosingHeadingSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-5205765797550677-114">Either use your resume or tell us a little about yourself</ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-widget-element-5205765797550677-115"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-widget-element-5205765797550677-116"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-widget-element-5205765797550677-117"> <ppc-content key="cCeRzZ-gjHu6w-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-widget-element-5205765797550677-118">Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-widget-element-5205765797550677-119"> <ppc-content key="SYDubm-gjHu6w-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-widget-element-5205765797550677-120">or</ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" aria-hidden="${(resumeInfoPopup || userConsentPopup) ? 'true' : false}" data-ph-id="ph-widget-element-5205765797550677-121"> <!-- import resume --> <section class="ph-widget" instance-id="meTUBx" original-view="external-upload-resume" view="5205764959706365-upload-resume" data-ph-id="ph-widget-element-5205765797550677-122"> <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="external-upload-resume-1709112526186" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="meTUBx" data-ph-id="ph-widget-element-5205765797550677-123"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-widget-element-5205765797550677-124"> <p class="or-text" data-ph-id="ph-widget-element-5205765797550677-125"> <ppc-content key="fwA8CN-gjHu6w-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-widget-element-5205765797550677-126">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-widget-element-5205765797550677-127"> <ppc-content key="U15UPl-gjHu6w-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-widget-element-5205765797550677-128">Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-widget-element-5205765797550677-129"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5205765797550677-130"> <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="7iVZgz-gjHu6w-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-id="ph-widget-element-5205765797550677-131"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-132"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-133"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205765797550677-134"> <ppc-content key="NBno98-gjHu6w-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-5205765797550677-135">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="gjHu6w-ph-find-your-fit-container-v1-default-ChooseSectionCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5205765797550677-136"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-137"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-widget-element-5205765797550677-138"> <span if.bind="chooseSteps" data-ph-id="ph-widget-element-5205765797550677-139"> Choose your path </span> </span> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-widget-element-5205765797550677-140"> <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-widget-element-5205765797550677-141"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-widget-element-5205765797550677-142"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-widget-element-5205765797550677-143"> <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-widget-element-5205765797550677-144"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-145"></i> </button> </div> <div class="modal-body" data-ph-id="ph-widget-element-5205765797550677-146"> <h2 class="heading-block" data-ph-id="ph-widget-element-5205765797550677-147"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="gjHu6w-ph-find-your-fit-container-v1-default-unsaved-popup-heading" data-ph-id="ph-widget-element-5205765797550677-148"> Upload Resume </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-widget-element-5205765797550677-149"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="gjHu6w-ph-find-your-fit-container-v1-default-ally-unsaved-popup-subHeading" data-ph-id="ph-widget-element-5205765797550677-150"> In order to process your resume and provide job recommendations, you must approve our data protection policy. </ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-5205765797550677-151"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-5205765797550677-152"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5205765797550677-153"> <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 agree to the terms" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-termsAriaLabel" aria-required="true" data-ph-id="ph-widget-element-5205765797550677-154"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-155"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-156"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205765797550677-157"> <ppc-content class="cd-terms-policy-block" key="d9vXa3-gjHu6w-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-widget-element-5205765797550677-158"> <span class="mandatory-star" data-ph-id="ph-widget-element-5205765797550677-159">*</span> I have read and agree to the <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5205765797550677-160">terms</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-5205765797550677-161"> <ppc-content class="cd-terms-policy-block" key="JsANvw-gjHu6w-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-widget-element-5205765797550677-162"> <span class="mandatory-star" data-ph-id="ph-widget-element-5205765797550677-163">*</span> I have read and agree to the <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-5205765797550677-164">terms</a> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-5205765797550677-165"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-terms-error" data-ph-id="ph-widget-element-5205765797550677-166"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-widget-element-5205765797550677-167"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-5205765797550677-168"> <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 suitable for (optional) " key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-saveResumeAriaLabe" data-ph-id="ph-widget-element-5205765797550677-169"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-170"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-171"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205765797550677-172"> <ppc-content data-ph-at-id="checkbox-button-text" key="gjHu6w-ph-find-your-fit-container-v1-default-save-my-checkbox-button-text" data-ph-id="ph-widget-element-5205765797550677-173"> Save my resume and contact me for jobs that I may be suitable for <span class="checkbox-optional-text" data-ph-id="ph-widget-element-5205765797550677-174">(optional)</span> </ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-5205765797550677-175"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5205765797550677-176"> <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-widget-element-5205765797550677-177"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-178"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-179"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205765797550677-180"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-5205765797550677-181"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-5205765797550677-182">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765797550677-183"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-widget-element-5205765797550677-184"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button class="btn primary-button" disabled.bind="piiConsentData &amp;&amp; piiConsentData.length ? isDisabled : !acceptTerms" click.delegate="!isDisabled || acceptTerms ? submitResume() : false" ph-tevent="pii-consent-submit" data-ph-id="ph-widget-element-5205765797550677-185"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-submitbuttonkey" data-ph-id="ph-widget-element-5205765797550677-186"> Confirm </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-widget-element-5205765797550677-187"> <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-widget-element-5205765797550677-188"> <div class="modal-dialog resume-step" data-ph-id="ph-widget-element-5205765797550677-189"> <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-widget-element-5205765797550677-190"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-191"></i> </button> <div class="modal-body" data-ph-id="ph-widget-element-5205765797550677-192"> <!-- Contact Details area --> <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-widget-element-5205765797550677-193"> <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-5205765797550677-194"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5205765797550677-195"> <span data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-196"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-widget-element-5205765797550677-197"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-widget-element-5205765797550677-198"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-widget-element-5205765797550677-199"> <div data-ph-id="ph-widget-element-5205765797550677-200"> <label for="preferredName" data-ph-id="ph-widget-element-5205765797550677-201"> <span class="sr-only" data-ph-id="ph-widget-element-5205765797550677-202"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-203"> <span data-ph-at-id="name-text" data-ph-id="ph-widget-element-5205765797550677-204"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-205"> * </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765797550677-206"> <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-widget-element-5205765797550677-207"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-5205765797550677-208"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-5205765797550677-209"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-widget-element-5205765797550677-210"> ${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-widget-element-5205765797550677-211"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205765797550677-212"> <div data-ph-id="ph-widget-element-5205765797550677-213"> <label for="name" data-ph-id="ph-widget-element-5205765797550677-214"> <span class="sr-only" data-ph-id="ph-widget-element-5205765797550677-215"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-216"> <span data-ph-at-id="name-text" data-ph-id="ph-widget-element-5205765797550677-217"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-218"> * </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765797550677-219"> <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-widget-element-5205765797550677-220"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-5205765797550677-221"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-5205765797550677-222"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-widget-element-5205765797550677-223"> ${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-widget-element-5205765797550677-224"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205765797550677-225"> <div data-ph-id="ph-widget-element-5205765797550677-226"> <label for="email" data-ph-id="ph-widget-element-5205765797550677-227"> <span class="sr-only" data-ph-id="ph-widget-element-5205765797550677-228"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-229"> <span data-ph-at-id="email-text" data-ph-id="ph-widget-element-5205765797550677-230"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-231"> * </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765797550677-232"> <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-widget-element-5205765797550677-233"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-5205765797550677-234"> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5205765797550677-235"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-widget-element-5205765797550677-236"> ${widgetBundle['contactDetailsAreaEmailInputErrorText'] | pht} </span> </span> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5205765797550677-237"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-widget-element-5205765797550677-238"> ${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-widget-element-5205765797550677-239"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205765797550677-240"> <div data-ph-id="ph-widget-element-5205765797550677-241"> <label for="phone" data-ph-id="ph-widget-element-5205765797550677-242"> <span class="sr-only" data-ph-id="ph-widget-element-5205765797550677-243"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-244"> <span data-ph-at-id="phone-text" data-ph-id="ph-widget-element-5205765797550677-245"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765797550677-246"> <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-widget-element-5205765797550677-247"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code &amp;&amp; contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-widget-element-5205765797550677-248"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-widget-element-5205765797550677-249"> ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht} </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-250"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-widget-element-5205765797550677-251"> <div data-ph-id="ph-widget-element-5205765797550677-252"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-widget-element-5205765797550677-253"> <span data-ph-id="ph-widget-element-5205765797550677-254"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-widget-element-5205765797550677-255"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-widget-element-5205765797550677-256"> <span data-ph-id="ph-widget-element-5205765797550677-257"> ${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-widget-element-5205765797550677-258"> <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-5205765797550677-259"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5205765797550677-260"> <span data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-261"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-5205765797550677-262"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-5205765797550677-263"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-widget-element-5205765797550677-264"> <div data-ph-id="ph-widget-element-5205765797550677-265"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-widget-element-5205765797550677-266"> <span data-ph-id="ph-widget-element-5205765797550677-267"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-widget-element-5205765797550677-268"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-widget-element-5205765797550677-269"> <span data-ph-id="ph-widget-element-5205765797550677-270"> ${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-widget-element-5205765797550677-271"> <div class="job-title-inner-wrapper" data-ph-id="ph-widget-element-5205765797550677-272"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5205765797550677-273"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-5205765797550677-274"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-widget-element-5205765797550677-275"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-widget-element-5205765797550677-276"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-widget-element-5205765797550677-277"> <div class="input-group" data-ph-id="ph-widget-element-5205765797550677-278"> <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-widget-element-5205765797550677-279" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-280"></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-widget-element-5205765797550677-281"> <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-widget-element-5205765797550677-282"> </li> <li class="search-noresults" if.bind="!resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value" data-ph-at-id="no-suggested-results" data-ph-id="ph-widget-element-5205765797550677-283"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765797550677-284"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5205765797550677-285"> <span data-ph-id="ph-widget-element-5205765797550677-286"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5205765797550677-287"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.jobTitles.searchTitles.length} ${resumeInfo.jobTitles.searchTitles.length &gt; 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-widget-element-5205765797550677-288"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-widget-element-5205765797550677-289"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-widget-element-5205765797550677-290"> <h3 class="job-titles-heading" data-ph-id="ph-widget-element-5205765797550677-291"> ${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-widget-element-5205765797550677-292"> <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-widget-element-5205765797550677-293"> ${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-widget-element-5205765797550677-294"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-295"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-widget-element-5205765797550677-296"> <div class="skills-inner-wrapper" data-ph-id="ph-widget-element-5205765797550677-297"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5205765797550677-298"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-5205765797550677-299"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-widget-element-5205765797550677-300"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-widget-element-5205765797550677-301"> <div class="input-group" data-ph-id="ph-widget-element-5205765797550677-302"> <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-widget-element-5205765797550677-303" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-304"></i> </div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown &amp;&amp; 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-widget-element-5205765797550677-305"> <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-widget-element-5205765797550677-306"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown" data-ph-id="ph-widget-element-5205765797550677-307"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765797550677-308"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5205765797550677-309"> <span data-ph-id="ph-widget-element-5205765797550677-310"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5205765797550677-311"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.skills.skillsList.length} ${resumeInfo.skills.skillsList.length &gt; 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-widget-element-5205765797550677-312"> <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-widget-element-5205765797550677-313"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-widget-element-5205765797550677-314"> <h3 class="skills-heading" data-ph-id="ph-widget-element-5205765797550677-315"> ${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-widget-element-5205765797550677-316"> <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-widget-element-5205765797550677-317"> ${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-widget-element-5205765797550677-318"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-319"></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-widget-element-5205765797550677-320"> <div data-ph-id="ph-widget-element-5205765797550677-321"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-widget-element-5205765797550677-322"> ${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-widget-element-5205765797550677-323"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-widget-element-5205765797550677-324"> <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-widget-element-5205765797550677-325"> <span data-ph-id="ph-widget-element-5205765797550677-326">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-327"></i> </button> </li> </ul> </div> </div> </div> </div> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-widget-element-5205765797550677-328"> <div class="work-experience-inner-wrapper" data-ph-id="ph-widget-element-5205765797550677-329"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5205765797550677-330"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-5205765797550677-331"> ${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-widget-element-5205765797550677-332"> <legend class="sr-only" data-ph-id="ph-widget-element-5205765797550677-333"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-widget-element-5205765797550677-334"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-widget-element-5205765797550677-335"> <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-widget-element-5205765797550677-336" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-widget-element-5205765797550677-337"> <span data-ph-id="ph-widget-element-5205765797550677-338">${exp.displayName} </span> <span data-ph-id="ph-widget-element-5205765797550677-339"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </span> </div> </fieldset> </div> </div> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-widget-element-5205765797550677-340"> <div class="work-experience-inner-wrapper" data-ph-id="ph-widget-element-5205765797550677-341"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-5205765797550677-342"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-5205765797550677-343"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-widget-element-5205765797550677-344"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-widget-element-5205765797550677-345"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-widget-element-5205765797550677-346"> <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-widget-element-5205765797550677-347" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-348"></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-widget-element-5205765797550677-349"> <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-widget-element-5205765797550677-350"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown" data-ph-id="ph-widget-element-5205765797550677-351"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765797550677-352"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5205765797550677-353"> <span data-ph-id="ph-widget-element-5205765797550677-354"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </span> </div> <div class="sr-only" if.bind="resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-5205765797550677-355"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.preferredLocation.locationsList.length} ${resumeInfo.preferredLocation.locationsList.length &gt; 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-widget-element-5205765797550677-356"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-widget-element-5205765797550677-357"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-widget-element-5205765797550677-358"> <h3 class="location-heading" data-ph-id="ph-widget-element-5205765797550677-359"> ${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-widget-element-5205765797550677-360"> <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-widget-element-5205765797550677-361"> ${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-widget-element-5205765797550677-362"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-363"></i> </a> </li> </ul> </div> </div> </div> <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' &amp;&amp; activeStep != 'cancel'" data-ph-id="ph-widget-element-5205765797550677-364"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-widget-element-5205765797550677-365"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-widget-element-5205765797550677-366"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-367"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-widget-element-5205765797550677-368"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-widget-element-5205765797550677-369"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-widget-element-5205765797550677-370"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-widget-element-5205765797550677-371"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-372"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765797550677-373"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-widget-element-5205765797550677-374"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-widget-element-5205765797550677-375"> <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-widget-element-5205765797550677-376"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-widget-element-5205765797550677-377"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-widget-element-5205765797550677-378"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format resume popup close" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-uploadFailurePopupCloseAriaLabel1" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5205765797550677-379"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-380"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-widget-element-5205765797550677-381"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-382"></i> <span key="gjHu6w-ph-find-your-fit-container-v1-default-sadFileIconText" class="sr-only" data-ph-id="ph-widget-element-5205765797550677-383">Failure icon</span> </div> <div data-ph-id="ph-widget-element-5205765797550677-384"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-widget-element-5205765797550677-385"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-386"> Oops invalid format...</ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-widget-element-5205765797550677-387"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-388"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-widget-element-5205765797550677-389"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-5205765797550677-390"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported &amp;&amp; limitExceeded &amp;&amp; widgetBundle['uploadFileSizeError']" data-ph-id="ph-widget-element-5205765797550677-391"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported &amp;&amp; ((limitExceeded &amp;&amp; !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-widget-element-5205765797550677-392"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-5205765797550677-393">Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported &amp;&amp; ((limitExceeded &amp;&amp; !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-widget-element-5205765797550677-394"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadErrorUploadAgain" data-ph-at-id="error-text" data-ph-id="ph-widget-element-5205765797550677-395">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-widget-element-5205765797550677-396"> <div class="upload-again" data-ph-id="ph-widget-element-5205765797550677-397"> <section class="ph-widget" data-tmpl-type="inline" instance-id="sqzwRu" original-view="upload-new" view="5205764988070835-new" data-ph-id="ph-widget-element-5205765797550677-398"> <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="5205764988070835-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="sqzwRu" data-ph-id="ph-widget-element-5205765797550677-399"> <div class="ph-dropzone-area" data-ph-id="ph-widget-element-5205765797550677-400"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-5205765797550677-401"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-widget-element-5205765797550677-402">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-widget-element-5205765797550677-403"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact details popup Close" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-contactDetailsPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5205765797550677-404"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-405"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-5205765797550677-406"> <p if.bind="!contactDetailsFailure &amp;&amp; contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-widget-element-5205765797550677-407"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-widget-element-5205765797550677-408"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsErrorText1" data-ph-at-id="description-error-text" data-ph-id="ph-widget-element-5205765797550677-409"> 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-widget-element-5205765797550677-410"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-411"> But we noticed below information is missing from it. <br /> Please complete the following: </ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-widget-element-5205765797550677-412"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-413"> We noticed below information is missing from it. <br /> Please complete the following: </ppc-content> </h2> <div data-ph-id="ph-widget-element-5205765797550677-414"> <form role="form" aria-label="contact details" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-contactDetailspopupFormArialLabel1" data-ph-id="ph-widget-element-5205765797550677-415"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205765797550677-416"> <div data-ph-id="ph-widget-element-5205765797550677-417"> <label for="email" data-ph-id="ph-widget-element-5205765797550677-418"> <span key="SFm4mK-gjHu6w-ph-find-your-fit-container-v1-default-contactDetailsEmail" class="sr-only" data-ph-id="ph-widget-element-5205765797550677-419">Email</span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-420"> <ppc-content key="HyYPld-gjHu6w-ph-find-your-fit-container-v1-default-contactDetailsEmail" data-ph-at-id="email-text" data-ph-id="ph-widget-element-5205765797550677-421">Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765797550677-422"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="[email protected]" key-placeholder="gjHu6w-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-widget-element-5205765797550677-423"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-5205765797550677-424"> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5205765797550677-425"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorText" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-widget-element-5205765797550677-426"> Email should not empty </ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-5205765797550677-427"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorCorrectFormat" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-widget-element-5205765797550677-428"> 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-widget-element-5205765797550677-429"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205765797550677-430"> <div data-ph-id="ph-widget-element-5205765797550677-431"> <label for="phone" data-ph-id="ph-widget-element-5205765797550677-432"> <span key="79hAUw-gjHu6w-ph-find-your-fit-container-v1-default-ContactDetailsPhone" class="sr-only" data-ph-id="ph-widget-element-5205765797550677-433">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-434"> <ppc-content key="8kQVvw-gjHu6w-ph-find-your-fit-container-v1-default-contactDetailsPhone" data-ph-at-id="phone-text" data-ph-id="ph-widget-element-5205765797550677-435">Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-5205765797550677-436"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="gjHu6w-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-widget-element-5205765797550677-437"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code &amp;&amp; contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-widget-element-5205765797550677-438"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-contactDetailsPhoneInputErrorText" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-widget-element-5205765797550677-439">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-widget-element-5205765797550677-440"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-widget-element-5205765797550677-441"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-widget-element-5205765797550677-442"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-uploadResumeContactDetailsSubtmitText" data-ph-id="ph-widget-element-5205765797550677-443">Submit</ppc-content> </button> </div> </div> </div> </div> <div class="user-signin-area" if.bind="currentStep == 'userSignIn' &amp;&amp; !showLoader &amp;&amp; isAnonymous" data-ph-id="ph-widget-element-5205765797550677-444"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login popup Close" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-socialLoginPopupCloseAriaLabelText" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5205765797550677-445"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-446"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-widget-element-5205765797550677-447"> <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-widget-element-5205765797550677-448"> <p data-ph-at-id="sucess-text" data-ph-id="ph-widget-element-5205765797550677-449"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired &amp;&amp; isAnonymous &amp;&amp; !disableSocialLogin" data-ph-id="ph-widget-element-5205765797550677-450"> <h2 class="phs-heading" data-ph-id="ph-widget-element-5205765797550677-451"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadSuccessHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205765797550677-452">Sign in and keep your data for future visits</ppc-content> </h2> <section class="ph-widget" instance-id="le0X5C" original-view="view4" view="5205765019222048-view4" data-ph-id="ph-widget-element-5205765797550677-453"> <div class="ph-social-connect-v1-view4-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view4-1709112549323" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="le0X5C" data-ph-id="ph-widget-element-5205765797550677-454"></div> </section> <div class="signin-info" data-ph-id="ph-widget-element-5205765797550677-455"> <span data-ph-id="ph-widget-element-5205765797550677-456"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-457"></i> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadSuccessDesc" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-widget-element-5205765797550677-458"> We never post anything without your permission</ppc-content> </span> </div> </div> </div> </div> <div class="social-signin-area" if.bind="currentStep == 'userSignIn' &amp;&amp; !showLoader &amp;&amp; !isAnonymous" data-ph-id="ph-widget-element-5205765797550677-459"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-widget-element-5205765797550677-460"> <div class="failure-img-block" data-ph-id="ph-widget-element-5205765797550677-461"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-462"></i> <span key="gjHu6w-ph-find-your-fit-container-v1-default-happyFileIconText" class="sr-only" data-ph-id="ph-widget-element-5205765797550677-463">success icon </span></div> <div data-ph-id="ph-widget-element-5205765797550677-464"> <h3 class="heading" data-ph-id="ph-widget-element-5205765797550677-465"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessHeading" data-ph-at-id="sucess-text" data-ph-id="ph-widget-element-5205765797550677-466"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-widget-element-5205765797550677-467"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes1" data-ph-at-id="sucess-desc1" data-ph-id="ph-widget-element-5205765797550677-468">Your file is successfully uploaded</ppc-content> </div> <div class="p-text" data-ph-id="ph-widget-element-5205765797550677-469"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes3" data-ph-at-id="sucess-desc2" data-ph-id="ph-widget-element-5205765797550677-470">Enjoy your personalized jobs</ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-widget-element-5205765797550677-471"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file upload success popup close" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-socialLoginSuccessCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5205765797550677-472"> <span class="btn primary-button" data-ph-id="ph-widget-element-5205765797550677-473"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-socialLoginCloseText" data-ph-at-id="close-link-text" data-ph-id="ph-widget-element-5205765797550677-474">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-widget-element-5205765797550677-475"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup close" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-resetPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-5205765797550677-476"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-477"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-widget-element-5205765797550677-478"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-widget-element-5205765797550677-479"></i> <span class="sr-only" key="gjHu6w-ph-find-your-fit-container-v1-default-removeFileIconText" data-ph-id="ph-widget-element-5205765797550677-480">reset icon</span> </div> <div data-ph-id="ph-widget-element-5205765797550677-481"> <div class="p-text" data-ph-id="ph-widget-element-5205765797550677-482"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-resumeUploadDeletDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-5205765797550677-483">By resetting personalization <br />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-widget-element-5205765797550677-484"> <div class="delete-link" data-ph-id="ph-widget-element-5205765797550677-485"> <button class="btn warning-button" aria-label="Reset" key-aria-label="gjHu6w-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteAriaLabel" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-widget-element-5205765797550677-486"> <ppc-content key="gjHu6w-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteButtonText" data-ph-id="ph-widget-element-5205765797550677-487"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="X3vBES" if.bind="isFyfEnabled" original-view="default" view="5205765309104711-default" data-ph-id="ph-widget-element-5205765797550677-488"> <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="X3vBES" data-widget="ph-find-your-fit-v1" view="5205765309104711-default" original-view="default" data-ph-id="ph-widget-element-5205765797550677-489"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-widget-element-5205765797550677-490"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-widget-element-5205765797550677-493"> <section class="ph-widget" instance-id="ucpFyH" hide-on-mobile="true" original-view="default" view="5205765571508766-default" data-ph-id="ph-widget-element-5205765797550677-494"> <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-1709113449207" instance-id="ucpFyH" original-view="default" data-ph-id="ph-widget-element-5205765797550677-495"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205765797550677-496"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-widget-element-5205765797550677-497"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-widget-element-5205765797550677-498"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-5205767161737684-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-5205767161737684-2"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-5205767161737684-3"> <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-5205767161737684-4"> <div class="modal-content" data-ph-id="ph-widget-element-5205767161737684-5"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-5205767161737684-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-5205767161737684-7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205767161737684-8"></i> <span class="sr-only" data-ph-id="ph-widget-element-5205767161737684-9"><ppc-content key="STXWiM-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-5205767161737684-10">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-widget-element-5205767161737684-11"> <ppc-content key="STXWiM-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-5205767161737684-12"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-5205767161737684-13"> <ppc-content key="STXWiM-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-5205767161737684-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-5205767161737684-15"> <div class="content-block" data-ph-id="ph-widget-element-5205767161737684-16"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-5205767161737684-17"> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-5205767161737684-18"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5205767161737684-19"> <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-widget-element-5205767161737684-20"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205767161737684-21"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205767161737684-22"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-widget-element-5205767161737684-23"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5205767161737684-24"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-widget-element-5205767161737684-25"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-5205767161737684-26"> <label for="email-job-name" data-ph-id="ph-widget-element-5205767161737684-27"> <ppc-content key="STXWiM-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-5205767161737684-28"> 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="STXWiM-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="STXWiM-ph-email-job-v1-view3-recipientNameTitleText" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-widget-element-5205767161737684-29"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error &amp;&amp; errors.name.code == 'E101'" data-ph-id="ph-widget-element-5205767161737684-30"> <ppc-content key="STXWiM-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-5205767161737684-31"> 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-5205767161737684-32"> <label for="email-job-email" data-ph-id="ph-widget-element-5205767161737684-33"> <ppc-content key="STXWiM-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-5205767161737684-34"> 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="STXWiM-ph-email-job-v1-view3-recipientEmailAddressTitleText" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-widget-element-5205767161737684-35"> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101'" data-ph-id="ph-widget-element-5205767161737684-36"> <ppc-content key="STXWiM-ph-email-job-v1-view3-emailShouldNotBeEmptyText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-5205767161737684-37"> Recipient’s email address should not be Empty </ppc-content> </span> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102'" data-ph-id="ph-widget-element-5205767161737684-38"> <ppc-content key="STXWiM-ph-email-job-v1-view3-pleaseEnterAValidEmailText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-5205767161737684-39"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-widget-element-5205767161737684-40"> <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-5205767161737684-41"> <ppc-content key="STXWiM-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-5205767161737684-42"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-5205767161737684-43"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5205767161737684-44"> <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-widget-element-5205767161737684-45"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205767161737684-46"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205767161737684-47"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205767161737684-48"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-5205767161737684-49"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-5205767161737684-50">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-widget-element-5205767161737684-51"> <span class="sr-only required-text" data-ph-id="ph-widget-element-5205767161737684-52"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-5205767161737684-53"> <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-5205767161737684-54"> <ppc-content key="STXWiM-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-5205767161737684-55">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-5205767161737684-56"> <ppc-content key="STXWiM-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-5205767161737684-57">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-5205767161737684-58"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-5205767161737684-59"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-5205767161737684-60"> <i class="icon icon-check" data-ph-id="ph-widget-element-5205767161737684-61"></i> <h3 data-ph-id="ph-widget-element-5205767161737684-62"> <ppc-content key="STXWiM-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-5205767161737684-63">Success!</ppc-content> </h3> <p data-ph-id="ph-widget-element-5205767161737684-64"> <ppc-content key="STXWiM-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-5205767161737684-65">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-5205767161737684-66"> <ppc-content key="x7GBF2-STXWiM-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-5205767161737684-67">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-5205767161737684-68"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-5205767161737684-69"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-widget-element-5205767161737684-70"> <i class="icon icon-cancel" data-ph-id="ph-widget-element-5205767161737684-71"></i> <h3 data-ph-id="ph-widget-element-5205767161737684-72"> <ppc-content key="STXWiM-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-5205767161737684-73">Failure!</ppc-content> </h3> <p data-ph-id="ph-widget-element-5205767161737684-74"> <ppc-content key="STXWiM-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-5205767161737684-75">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-5205767161737684-76"> <ppc-content key="1ZEaVy-STXWiM-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-5205767161737684-77">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-5205767161737684-78"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-5205767161737684-79"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-widget-element-5205767161737684-80"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-5205767161737684-81"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-5205767161737684-82"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-5205767161737684-83"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-5205767161737684-84"> <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-widget-element-5205767161737684-85"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-5205767161737684-86"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-5205767161737684-87"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-5205767161737684-88"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-5205767161737684-89"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-5205767161737684-90">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-widget-element-5205767161737684-91"> <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-widget-element-5205767161737684-92"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-5205767229204901-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-5205767229204901-2"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-widget-element-5205767229204901-3"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-5205767229204901-4"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="cT1dgt-ph-social-share-v3-default-headingRole" aria-level="2" key-aria-level="cT1dgt-ph-social-share-v3-default-headingLevelAria" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-widget-element-5205767229204901-5"> <ppc-content key="cT1dgt-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5205767229204901-6"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-widget-element-5205767229204901-7"> <ppc-content key="cT1dgt-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-5205767229204901-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-5205767229204901-9"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-widget-element-5205767229204901-10"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-widget-element-5205767229204901-11"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-widget-element-5205767229204901-12"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-widget-element-5205767229204901-13"></i> <span class="sr-only" data-ph-id="ph-widget-element-5205767229204901-14"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-widget-element-5205767229204901-15">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="STXWiM" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView &amp;&amp; shareOption.isInline &amp;&amp; isShareEmailFound" original-view="view3" view="5205767161737684-view3" data-ph-id="ph-widget-element-5205767229204901-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="5205767161737684-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="STXWiM" original-view="view3" data-ph-id="ph-widget-element-5205767229204901-17"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-widget-element-5205767229204901-18"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-5205767229204901-19"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-5205767229204901-20"> <div class="head-wrapper" data-ph-id="ph-widget-element-5205767229204901-21"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-widget-element-5205767229204901-22"> <ppc-content key="cT1dgt-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-5205767229204901-23">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="cT1dgt-ph-social-share-v3-default-closeDialogAriaLabel" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-5205767229204901-24"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-widget-element-5205767229204901-25"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-widget-element-5205767229204901-26"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-5205767229204901-27"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-widget-element-5205767229204901-28"> <ppc-content key="cT1dgt-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-5205767229204901-29">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-widget-element-5205767229204901-30"><ppc-content key="cT1dgt-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-5205767229204901-31">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-widget-element-5205767229204901-32" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-widget-element-5205767229204901-33"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-5205767229204901-34"><ppc-content key="cT1dgt-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-5205767229204901-35">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-widget-element-5205767229204901-36"><ppc-content key="cT1dgt-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-5205767229204901-37">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-1680714251426-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-5205767370269936-2"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="OT0eaP-Co7L5b-ph-profile-recommendations-v2-default-widgetHeadingText" show.bind="!showLoader &amp;&amp; jobResults.length" data-ph-id="ph-widget-element-5205767370269936-3"> <div class="widget-container" data-ph-id="ph-widget-element-5205767370269936-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-5205767370269936-5"> <h2 data-ph-id="ph-widget-element-5205767370269936-6"> <ppc-content key="LhTwv4-Co7L5b-ph-profile-recommendations-v2-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-5205767370269936-7"> Profile recommendations </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-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-5205767370269936-10"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image &amp;&amp; eachJob.image.src)" instance-id="TedUSf" data-ph-id="ph-widget-element-5205767370269936-11"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-5205767370269936-12"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-widget-element-5205767370269936-13"> <img if.bind="eachJob.image &amp;&amp; eachJob.image.src &amp;&amp; eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-widget-element-5205767370269936-14" /> </div> </figure> </div> <div class="${(eachJob.image &amp;&amp; eachJob.image.src || ( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-widget-element-5205767370269936-15"> <div class="information" data-ph-id="ph-widget-element-5205767370269936-16"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src)" data-ph-id="ph-widget-element-5205767370269936-17"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-5205767370269936-18"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-5205767370269936-19"> <img if.bind="eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src &amp;&amp; eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-widget-element-5205767370269936-20" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-widget-element-5205767370269936-21"> <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'top' &amp;&amp; (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-5205767370269936-22"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-5205767370269936-23"> <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-24"></i> <span class="tag-label" data-ph-id="ph-widget-element-5205767370269936-25">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig &amp;&amp; jobTagsConfig.layout &amp;&amp; jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-widget-element-5205767370269936-26"> <span class="featured-job" if.bind="eachJob.featuredJob &amp;&amp; (eachJob.featuredJob &amp;&amp; eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-5205767370269936-27"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig &amp;&amp; jobTagsConfig.tags) &amp;&amp; (jobTagsData &amp;&amp; jobTagsData[eachJob['jobSeqNo']] &amp;&amp; jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-widget-element-5205767370269936-28"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon &amp;&amp; eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-29"></i> <span class="tag-label" data-ph-id="ph-widget-element-5205767370269936-30">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="Co7L5b-ph-profile-recommendations-v2-TedUSf-GmVUEc-default-headingRole" aria-level="3" key-aria-level="Co7L5b-ph-profile-recommendations-v2-TedUSf-GmVUEc-default-headingAriaLevelValue" instance-id="TedUSf-GmVUEc" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-32"> <div if.bind="eachJob.title &amp;&amp; eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-5205767370269936-33"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-34">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-35"></i> <span data-ph-id="ph-widget-element-5205767370269936-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'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-5205767370269936-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 &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate &amp;&amp; ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.expiryDate)" class="${((eachAttr.name === 'location' &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-widget-element-5205767370269936-38"> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-5205767370269936-39"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-40">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-41"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-42">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-5205767370269936-43"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-44">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-45"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-46">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['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-5205767370269936-47"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-48">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-49"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-50"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-5205767370269936-51"></span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-5205767370269936-52">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-5205767370269936-53"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-54">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-55"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-56">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-5205767370269936-57"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-58">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-59"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-60">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-5205767370269936-61"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-62">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-63"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-64"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-5205767370269936-65"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-66">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-67"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-68"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-5205767370269936-69"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-70">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-71">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-72"></i> <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-5205767370269936-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-74">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-75">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-76">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-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'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-5205767370269936-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 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] &amp;&amp; (['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-5205767370269936-79"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-81"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-82"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-5205767370269936-83"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-5205767370269936-84"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-85">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-86"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-87">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (eachJob.multi_category.length > 1)" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-89"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-90"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-5205767370269936-91"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-5205767370269936-92"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-93">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-94"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-95">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-5205767370269936-96"> <span class="sr-only" data-ph-id="ph-widget-element-5205767370269936-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 &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-98"></i> <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-5205767370269936-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-100">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-101">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-102">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-103">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['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-5205767370269936-104"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-105">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-106"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-107"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-5205767370269936-108"></span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-5205767370269936-109">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-5205767370269936-110"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-111">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-112"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-113">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-5205767370269936-114"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-115">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-116"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-117">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-5205767370269936-118"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-119">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-120"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-121"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-5205767370269936-122"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-123">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-124"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-126"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 &amp;&amp; eachAttr.name == 'location') &amp;&amp; ((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-5205767370269936-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 === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="Co7L5b-ph-profile-recommendations-v2-TedUSf-g85yDW-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="TedUSf-g85yDW" data-ph-id="ph-widget-element-5205767370269936-128"> <span data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-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-5205767370269936-131"> <li class="location ${enabledFields &amp;&amp; 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-5205767370269936-132"> ${eachLocation} <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-5205767370269936-133"> <span if.bind="!enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-134">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" data-ph-id="ph-widget-element-5205767370269936-135">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-136"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-5205767370269936-137">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-138">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-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 &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-140">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-142"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 &amp;&amp; eachAttr.name == 'category') &amp;&amp; ((enabledFields['category'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-5205767370269936-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="Co7L5b-ph-profile-recommendations-v2-TedUSf-qnHXDQ-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="TedUSf-qnHXDQ" data-ph-id="ph-widget-element-5205767370269936-144"> <span data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-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-5205767370269936-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-5205767370269936-148"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] &amp;&amp; eachJob.smartHighlights" data-ph-id="ph-widget-element-5205767370269936-149"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-5205767370269936-150"> <span data-ph-id="ph-widget-element-5205767370269936-151"> <span class="sr-only" data-ph-id="ph-widget-element-5205767370269936-152"> <span if.bind="highLightKey == 'skills' &amp;&amp; widgetBundle['skills']" data-ph-id="ph-widget-element-5205767370269936-153">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' &amp;&amp; widgetBundle['education']" data-ph-id="ph-widget-element-5205767370269936-154">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-5205767370269936-155">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-5205767370269936-156">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' &amp;&amp; widgetBundle['experience']" data-ph-id="ph-widget-element-5205767370269936-157">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' &amp;&amp; widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-159"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-161"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-162"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-widget-element-5205767370269936-163"></p> <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'bottom' &amp;&amp; (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-5205767370269936-164"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-5205767370269936-165"> <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-166"></i> <span class="tag-label" data-ph-id="ph-widget-element-5205767370269936-167">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-widget-element-5205767370269936-168"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-5205767370269936-169"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-5205767370269936-170"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-5205767370269936-171"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' &amp;&amp; eachJob.externalApply &amp;&amp; !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-widget-element-5205767370269936-172"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-widget-element-5205767370269936-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 &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-174"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-5205767370269936-175"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-5205767370269936-176"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-177"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-widget-element-5205767370269936-178"> <ppc-content key="Co7L5b-ph-profile-recommendations-v2-TedUSf-47S62g-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="TedUSf-47S62g" data-ph-id="ph-widget-element-5205767370269936-179">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-5205767370269936-180"> <section class="ph-widget" instance-id="cT1dgt" original-view="default" view="5205767229204901-default" data-ph-id="ph-widget-element-5205767370269936-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="5205767229204901-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="cT1dgt" original-view="default" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-183"> <div class="savejob-checkbox" data-ph-id="ph-widget-element-5205767370269936-184"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-186" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-5205767370269936-187"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-188"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-189"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-191"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-192"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-193"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-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-5205767370269936-196"> <span class="sr-only" data-ph-id="ph-widget-element-5205767370269936-197">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-198"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-5205767370269936-199"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-widget-element-5205767370269936-200"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-202"> <div class="modal-dialog" data-ph-id="ph-widget-element-5205767370269936-203"> <div class="popup-content-block" data-ph-id="ph-widget-element-5205767370269936-204"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="Co7L5b-ph-profile-recommendations-v2-TedUSf-xYxFIJ-default-closePopupAriaLabelText" instance-id="TedUSf-xYxFIJ" data-ph-id="ph-widget-element-5205767370269936-205"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-206"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-5205767370269936-207"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="Co7L5b-ph-profile-recommendations-v2-TedUSf-HLmZMq-default-headingModalRole" key-aria-level="Co7L5b-ph-profile-recommendations-v2-TedUSf-HLmZMq-default-headingModalAriaLevel" instance-id="TedUSf-HLmZMq" data-ph-id="ph-widget-element-5205767370269936-208"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-5205767370269936-209"> <div class="job-location-count" data-ph-id="ph-widget-element-5205767370269936-210"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-5205767370269936-211"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-5205767370269936-212"> <li class="each-location ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-widget-element-5205767370269936-213"> <span data-ph-id="ph-widget-element-5205767370269936-214"> <i class="icon ${enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon" data-ph-id="ph-widget-element-5205767370269936-215"></i> </span> <span data-ph-id="ph-widget-element-5205767370269936-216"> ${eachLocation} </span> <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-widget-element-5205767370269936-217"> <span class="sr-only" data-ph-id="ph-widget-element-5205767370269936-218">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-219"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-5205767370269936-220">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-221">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-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 &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-223">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-5205767370269936-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 &amp;&amp; (enabledFields['category'] &amp;&amp; enabledFields['category'].settings &amp;&amp; enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-226"> <div class="modal-dialog" data-ph-id="ph-widget-element-5205767370269936-227"> <div class="popup-content-block" data-ph-id="ph-widget-element-5205767370269936-228"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="Co7L5b-ph-profile-recommendations-v2-TedUSf-9YjjAt-default-closeCategoryPopupAriaLabelText" instance-id="TedUSf-9YjjAt" data-ph-id="ph-widget-element-5205767370269936-229"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-230"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-5205767370269936-231"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="Co7L5b-ph-profile-recommendations-v2-TedUSf-67TnDv-default-headingModalRole" key-aria-level="Co7L5b-ph-profile-recommendations-v2-TedUSf-67TnDv-default-headingModalAriaLevel" instance-id="TedUSf-67TnDv" data-ph-id="ph-widget-element-5205767370269936-232"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-5205767370269936-233"> <div class="job-location-count" data-ph-id="ph-widget-element-5205767370269936-234"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-5205767370269936-235"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-5205767370269936-236"> <li class="each-category ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-widget-element-5205767370269936-237"> <span data-ph-id="ph-widget-element-5205767370269936-238"> <i class="icon ${enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon" data-ph-id="ph-widget-element-5205767370269936-239"></i> </span> <span data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-241"> <div aria-atomic="true" aria-live="assertive" instance-id="MJdxTn" data-ph-id="ph-widget-element-5205767370269936-242"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="Co7L5b-ph-profile-recommendations-v2-MJdxTn-zGTOTx-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="Co7L5b-ph-profile-recommendations-v2-MJdxTn-zGTOTx-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="Co7L5b-ph-profile-recommendations-v2-MJdxTn-zGTOTx-default-button-role-see-more" instance-id="MJdxTn-zGTOTx" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-244"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-245"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="Co7L5b-ph-profile-recommendations-v2-MJdxTn-tEJ4q1-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="Co7L5b-ph-profile-recommendations-v2-MJdxTn-tEJ4q1-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="Co7L5b-ph-profile-recommendations-v2-MJdxTn-tEJ4q1-default-button-role-see-less" instance-id="MJdxTn-tEJ4q1" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-247"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-248"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="Co7L5b-ph-profile-recommendations-v2-MJdxTn-W6m9rY-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="Co7L5b-ph-profile-recommendations-v2-MJdxTn-W6m9rY-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="Co7L5b-ph-profile-recommendations-v2-MJdxTn-W6m9rY-default-button-role-see-next" instance-id="MJdxTn-W6m9rY" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-250"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-251"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="Co7L5b-ph-profile-recommendations-v2-MJdxTn-8dGQCB-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="Co7L5b-ph-profile-recommendations-v2-MJdxTn-8dGQCB-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="Co7L5b-ph-profile-recommendations-v2-MJdxTn-8dGQCB-default-button-role-see-evenmore" instance-id="MJdxTn-8dGQCB" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-253"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-5205767370269936-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-5205767370269936-255"> <p data-ph-id="ph-widget-element-5205767370269936-256"> <ppc-content key="Co7L5b-ph-profile-recommendations-v2-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-5205767370269936-257"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-6361785639231654-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-6361785639231654-2"> <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="jE6Dw0-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-6361785639231654-3"> <span class="action-icon" data-ph-id="ph-widget-element-6361785639231654-4"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-widget-element-6361785639231654-5"></i> </span> <ppc-content key="jE6Dw0-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-widget-element-6361785639231654-6"> Use new resume </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-6361787107073221-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-6361787107073221-2"> <div class="widget-container" data-ph-id="ph-widget-element-6361787107073221-3"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-6361787107073221-4"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-widget-element-6361787107073221-5"> <div class="fyf-step-block" data-ph-id="ph-widget-element-6361787107073221-6"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787107073221-7"> </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-widget-element-6361787107073221-8"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-widget-element-6361787107073221-9"> <div class="heading-block" data-ph-id="ph-widget-element-6361787107073221-10"> <!-- <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-widget-element-6361787107073221-11"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-widgetMainHeading2" data-ph-id="ph-widget-element-6361787107073221-12"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-widget-element-6361787107073221-13"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-14"></i> <span data-ph-id="ph-widget-element-6361787107073221-15"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-widgetsubHeading" data-ph-id="ph-widget-element-6361787107073221-16"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </span> </div> </div> <section class="ph-widget" instance-id="tdBbAh" original-view="view5" view="6361786814386208-view5" data-ph-id="ph-widget-element-6361787107073221-17"> <div class="ph-social-connect-v1-view5-default ph-widget-target" instance-id="tdBbAh" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view5-1709113521802" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-widget-element-6361787107073221-18"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-6361787107073221-19"> <div class="prev" data-ph-id="ph-widget-element-6361787107073221-20"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="NdwzQT-JbeFn6-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-6361787107073221-21"> <span data-ph-id="ph-widget-element-6361787107073221-22"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-23"></i> </span> </a> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' &amp;&amp; !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-widget-element-6361787107073221-24"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-6361787107073221-25"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-6361787107073221-26"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-6361787107073221-27"> <ppc-content key="ctle8E-JbeFn6-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-6361787107073221-28">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-widget-element-6361787107073221-29"> <ppc-content key="sow6Ow-JbeFn6-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787107073221-30">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-widget-element-6361787107073221-31"> <legend class="sr-only" data-ph-id="ph-widget-element-6361787107073221-32"> <ppc-content key="1medf6-JbeFn6-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787107073221-33"> What are you interested in? </ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-widget-element-6361787107073221-34"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepNoCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-6361787107073221-35">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-widget-element-6361787107073221-36"> <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-widget-element-6361787107073221-37" /> <span class="cat-text" data-ph-id="ph-widget-element-6361787107073221-38">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-widget-element-6361787107073221-39"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-40"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-6361787107073221-41"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-6361787107073221-42"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-6361787107073221-43"> <ppc-content key="ejeguN-JbeFn6-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-44">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="8ipZ68-JbeFn6-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-45">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-6361787107073221-46"> <ppc-content key="xVQaBK-JbeFn6-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-6361787107073221-47">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-6361787107073221-48"> <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="HBgy7M-JbeFn6-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-6361787107073221-49"> <span data-ph-id="ph-widget-element-6361787107073221-50"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-51"></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' &amp;&amp; !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-widget-element-6361787107073221-52"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-6361787107073221-53"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-6361787107073221-54"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-6361787107073221-55"> <ppc-content key="LnBcPY-JbeFn6-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-6361787107073221-56">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-widget-element-6361787107073221-57"> <ppc-content key="WwTbeW-JbeFn6-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787107073221-58">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="JbeFn6-ph-find-your-fit-v1-default-subCategoriesBlockRoleText" aria-labelledby="phFyfSubCategories" data-ph-id="ph-widget-element-6361787107073221-59"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-widget-element-6361787107073221-60"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepNoSubCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-6361787107073221-61">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-widget-element-6361787107073221-62"> <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-widget-element-6361787107073221-63" /> <span class="cat-text" data-ph-id="ph-widget-element-6361787107073221-64">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-widget-element-6361787107073221-65"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-66"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-6361787107073221-67"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-6361787107073221-68"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-6361787107073221-69"> <ppc-content key="0rGDYg-JbeFn6-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-70">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="WQbt91-JbeFn6-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-71">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-6361787107073221-72"> <ppc-content key="Rvaogk-JbeFn6-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-6361787107073221-73">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-6361787107073221-74"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="wfBRj6-JbeFn6-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-6361787107073221-75"> <span data-ph-id="ph-widget-element-6361787107073221-76"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-77"></i> </span> </a> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-widget-element-6361787107073221-78"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-6361787107073221-79"> <!-- <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-widget-element-6361787107073221-80"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-6361787107073221-81"> <ppc-content key="qe3tUQ-JbeFn6-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-6361787107073221-82">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-widget-element-6361787107073221-83"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepRecentTitleHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787107073221-84">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-widget-element-6361787107073221-85"> <label for="recentTitles" data-ph-id="ph-widget-element-6361787107073221-86"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-widget-element-6361787107073221-87"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="JbeFn6-ph-find-your-fit-v1-default-stepTwoLabel" data-ph-id="ph-widget-element-6361787107073221-88"> <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="JbeFn6-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-widget-element-6361787107073221-89"> </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="JbeFn6-ph-find-your-fit-v1-default-fyfStepRecentTitleClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-6361787107073221-90"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-6361787107073221-91"></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-widget-element-6361787107073221-92"> <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-widget-element-6361787107073221-93"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="JbeFn6-ph-find-your-fit-v1-default-fyfStepRecentTitleNoResultsText" data-ph-id="ph-widget-element-6361787107073221-94">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787107073221-95"> <span if.bind="stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length &amp;&amp; stepData.showRecentTitleDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-6361787107073221-96"> ${widgetBundle[stepData.recentTitles.length &gt; 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length &amp;&amp; stepData.showRecentTitleDropdown)" key="JbeFn6-ph-find-your-fit-v1-default-recentTitlesAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-6361787107073221-97"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-widget-element-6361787107073221-98"> <label class="input-radio-group" data-ph-id="ph-widget-element-6361787107073221-99"> <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="88PMRc-JbeFn6-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-id="ph-widget-element-6361787107073221-100"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-101"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-102"></span> <span class="radio-text" data-ph-id="ph-widget-element-6361787107073221-103"> <ppc-content key="Slkqds-JbeFn6-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-at-id="radio-button-text" data-ph-id="ph-widget-element-6361787107073221-104">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-widget-element-6361787107073221-105"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-6361787107073221-106"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-6361787107073221-107"> <ppc-content key="Dijv5B-JbeFn6-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length &amp;&amp; !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-108">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="5yv9vi-JbeFn6-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-109">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-6361787107073221-110"> <ppc-content key="QYYZuG-JbeFn6-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-6361787107073221-111">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-6361787107073221-112"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="wHHdZM-JbeFn6-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-6361787107073221-113"> <span data-ph-id="ph-widget-element-6361787107073221-114"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-115"></i> </span> </a> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-widget-element-6361787107073221-116"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-6361787107073221-117"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-6361787107073221-118"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-6361787107073221-119"> <ppc-content key="wvxsNv-JbeFn6-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-6361787107073221-120">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-widget-element-6361787107073221-121"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepSkillsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787107073221-122">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-widget-element-6361787107073221-123"> <label for="skills" data-ph-id="ph-widget-element-6361787107073221-124"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-widget-element-6361787107073221-125">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-widget-element-6361787107073221-126"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-widget-element-6361787107073221-127"> ${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-widget-element-6361787107073221-128"> <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-widget-element-6361787107073221-129"> <div role="list" data-ph-id="ph-widget-element-6361787107073221-130"> <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-widget-element-6361787107073221-131"> <span data-ph-id="ph-widget-element-6361787107073221-132">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${suggestedSkill} skill" key-aria-label="JbeFn6-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-widget-element-6361787107073221-133"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-134"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-widget-element-6361787107073221-135"> <div data-ph-id="ph-widget-element-6361787107073221-136"> <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="JbeFn6-ph-find-your-fit-v1-default-stepThreeLabel" data-ph-id="ph-widget-element-6361787107073221-137"> <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="JbeFn6-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-widget-element-6361787107073221-138"> </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="JbeFn6-ph-find-your-fit-v1-default-fyfStepSkillsClearSearchAriaLabel" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-6361787107073221-139"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-140"></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-widget-element-6361787107073221-141"> <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-widget-element-6361787107073221-142"></li> <li class="search-noresults" if.bind="(!stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="JbeFn6-ph-find-your-fit-v1-default-fyfStepSkillsNoResultsText" data-ph-id="ph-widget-element-6361787107073221-143">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787107073221-144"> <span if.bind="stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length &amp;&amp; stepData.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-6361787107073221-145"> ${widgetBundle[stepData.skills.length &gt; 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length &amp;&amp; stepData.showSkillsDropdown)" key="JbeFn6-ph-find-your-fit-v1-default-skillsAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-6361787107073221-146"> 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-widget-element-6361787107073221-147"> <div data-ph-id="ph-widget-element-6361787107073221-148"> <h3 class="suggested-heading" data-ph-id="ph-widget-element-6361787107073221-149"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepSkillsSuggestionsText" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-widget-element-6361787107073221-150">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-widget-element-6361787107073221-151"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-widget-element-6361787107073221-152"> <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-widget-element-6361787107073221-153"> <span data-ph-id="ph-widget-element-6361787107073221-154">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-155"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-6361787107073221-156"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-6361787107073221-157"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-6361787107073221-158"> <ppc-content key="oZwumG-JbeFn6-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-159">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="a6rDph-JbeFn6-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-160">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-6361787107073221-161"> <ppc-content key="xOL8tr-JbeFn6-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-6361787107073221-162">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-6361787107073221-163"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="5lP36f-JbeFn6-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-6361787107073221-164"> <span data-ph-id="ph-widget-element-6361787107073221-165"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-166"></i> </span> </a> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-widget-element-6361787107073221-167"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-6361787107073221-168"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-6361787107073221-169"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-6361787107073221-170"> <ppc-content key="QXfdta-JbeFn6-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-6361787107073221-171">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-widget-element-6361787107073221-172"> <ppc-content key="YIG3hc-JbeFn6-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787107073221-173">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-widget-element-6361787107073221-174"> <legend class="sr-only" data-ph-id="ph-widget-element-6361787107073221-175"> <ppc-content key="BI63jP-JbeFn6-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787107073221-176">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-widget-element-6361787107073221-177"> <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-widget-element-6361787107073221-178"> <span class="radio-text" data-ph-id="ph-widget-element-6361787107073221-179"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-widget-element-6361787107073221-180">${exp.displayName} <span if.bind="exp.min == 0" key="k8QQlS-JbeFn6-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-6361787107073221-181"> Year </span> <span if.bind="exp.min != 0" key="XRPIFo-JbeFn6-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-6361787107073221-182"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-6361787107073221-183"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-6361787107073221-184"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-6361787107073221-185"> <ppc-content key="WqMwd0-JbeFn6-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-186">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="6xwuHw-JbeFn6-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-187">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-6361787107073221-188"> <ppc-content key="JJcy3e-JbeFn6-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-6361787107073221-189">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-6361787107073221-190"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="9PD5Op-JbeFn6-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-6361787107073221-191"> <span data-ph-id="ph-widget-element-6361787107073221-192"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-193"></i> </span> </a> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-widget-element-6361787107073221-194"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-6361787107073221-195"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-6361787107073221-196"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-6361787107073221-197"> <ppc-content key="VUrOOr-JbeFn6-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-6361787107073221-198">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-widget-element-6361787107073221-199"> <ppc-content key="ppTUzK-JbeFn6-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787107073221-200">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="JbeFn6-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-widget-element-6361787107073221-201"> <legend class="sr-only" data-ph-id="ph-widget-element-6361787107073221-202"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepWorkExpHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787107073221-203">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-widget-element-6361787107073221-204"> <span class="check-mark" data-ph-id="ph-widget-element-6361787107073221-205"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-206"></i> </span> <span class="radio-text" data-ph-id="ph-widget-element-6361787107073221-207"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-widget-element-6361787107073221-208">${exp.displayName} <span if.bind="exp.min == 0" key="2FEXGG-JbeFn6-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-6361787107073221-209"> Year </span> <span if.bind="exp.min != 0" key="0Pd3Yy-JbeFn6-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-6361787107073221-210"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-6361787107073221-211"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-6361787107073221-212"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-6361787107073221-213"> <ppc-content key="PC0cHM-JbeFn6-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-214">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1)) " key="9qINQM-JbeFn6-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-215">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-6361787107073221-216"> <ppc-content key="jFjNWI-JbeFn6-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-6361787107073221-217">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-6361787107073221-218"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="NPDfIN-JbeFn6-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-6361787107073221-219"> <span data-ph-id="ph-widget-element-6361787107073221-220"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-221"></i> </span> </a> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-widget-element-6361787107073221-222"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-6361787107073221-223"> <!-- <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-widget-element-6361787107073221-224"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-6361787107073221-225"> <ppc-content key="72yHHF-JbeFn6-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-6361787107073221-226">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-widget-element-6361787107073221-227"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787107073221-228">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-widget-element-6361787107073221-229"> <label for="locations" data-ph-id="ph-widget-element-6361787107073221-230"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-widget-element-6361787107073221-231">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-widget-element-6361787107073221-232"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-widget-element-6361787107073221-233"> ${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-widget-element-6361787107073221-234"> <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-widget-element-6361787107073221-235"> <div role="list" data-ph-id="ph-widget-element-6361787107073221-236"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length &amp;&amp; selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-6361787107073221-237"> <span data-ph-id="ph-widget-element-6361787107073221-238">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="JbeFn6-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-widget-element-6361787107073221-239"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-240"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-widget-element-6361787107073221-241"> <div data-ph-id="ph-widget-element-6361787107073221-242"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="JbeFn6-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-widget-element-6361787107073221-243"> <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="JbeFn6-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-widget-element-6361787107073221-244"> </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="JbeFn6-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-6361787107073221-245"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-246"></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-widget-element-6361787107073221-247"> <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-widget-element-6361787107073221-248"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="JbeFn6-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-widget-element-6361787107073221-249">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787107073221-250"> <span if.bind="stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-6361787107073221-251"> ${widgetBundle[stepData.locations.length &gt; 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown)" key="JbeFn6-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-6361787107073221-252"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-6361787107073221-253"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-6361787107073221-254"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-6361787107073221-255"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" key="4jYk5c-JbeFn6-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-256">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="O8vXF9-JbeFn6-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-6361787107073221-257">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-6361787107073221-258"> <ppc-content key="18K80V-JbeFn6-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-6361787107073221-259">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-6361787107073221-260"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ncKKVB-JbeFn6-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-6361787107073221-261"> <span data-ph-id="ph-widget-element-6361787107073221-262"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-263"></i> </span> </a> </div> </div> </div> <!-- End prefered Location Step --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' &amp;&amp; !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-widget-element-6361787107073221-264"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-widget-element-6361787107073221-265"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-6361787107073221-266"> <!-- <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-widget-element-6361787107073221-267"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-6361787107073221-268"> <ppc-content key="DjO0dV-JbeFn6-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-6361787107073221-269">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-widget-element-6361787107073221-270"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-6361787107073221-271">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-6361787107073221-272">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-widget-element-6361787107073221-273"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787107073221-274">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-widget-element-6361787107073221-275"> <form role="form" submit.delegate="" data-ph-id="ph-widget-element-6361787107073221-276"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-widget-element-6361787107073221-277"> <div data-ph-id="ph-widget-element-6361787107073221-278"> <label for="preferredName" data-ph-id="ph-widget-element-6361787107073221-279"> <span key="jTwKRx-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-widget-element-6361787107073221-280">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-281"> <ppc-content key="1mR7vi-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-widget-element-6361787107073221-282"> Preferred name <span class="required" data-ph-id="ph-widget-element-6361787107073221-283">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787107073221-284"> <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="fIq2xg-JbeFn6-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-widget-element-6361787107073221-285"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error &amp;&amp; stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-widget-element-6361787107073221-286"> <ppc-content key="q73zKl-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-widget-element-6361787107073221-287">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-widget-element-6361787107073221-288"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361787107073221-289"> <div data-ph-id="ph-widget-element-6361787107073221-290"> <label for="name" data-ph-id="ph-widget-element-6361787107073221-291"> <span key="dm507k-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-widget-element-6361787107073221-292">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-293"> <ppc-content key="6rqgoN-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-widget-element-6361787107073221-294"> Full name <span class="required" data-ph-id="ph-widget-element-6361787107073221-295">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787107073221-296"> <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="fiATFE-JbeFn6-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-widget-element-6361787107073221-297"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error &amp;&amp; stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-6361787107073221-298"> <ppc-content key="f6oYvX-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-widget-element-6361787107073221-299">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-widget-element-6361787107073221-300"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361787107073221-301"> <div data-ph-id="ph-widget-element-6361787107073221-302"> <label for="email-1" data-ph-id="ph-widget-element-6361787107073221-303"> <span key="jC1Z8t-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-widget-element-6361787107073221-304">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-305"> <ppc-content key="crUMJS-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-widget-element-6361787107073221-306">Email <span class="required" data-ph-id="ph-widget-element-6361787107073221-307"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787107073221-308"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="[email protected]" key-placeholder="CUzIHE-JbeFn6-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-widget-element-6361787107073221-309"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-widget-element-6361787107073221-310"> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-6361787107073221-311"> <ppc-content key="DRemLu-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-6361787107073221-312">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-6361787107073221-313"> <ppc-content key="V2rabC-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-6361787107073221-314">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-widget-element-6361787107073221-315"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361787107073221-316"> <div data-ph-id="ph-widget-element-6361787107073221-317"> <label for="phone" data-ph-id="ph-widget-element-6361787107073221-318"> <span key="JP2Fbe-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-widget-element-6361787107073221-319">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-320"> <ppc-content key="Wvxdit-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-widget-element-6361787107073221-321">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787107073221-322"> <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="ZwSoLz-JbeFn6-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-widget-element-6361787107073221-323"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error &amp;&amp; stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-widget-element-6361787107073221-324"> <ppc-content key="mqx8nJ-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-widget-element-6361787107073221-325">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-widget-element-6361787107073221-326"></i> </input></div> <div class="security-info" data-ph-id="ph-widget-element-6361787107073221-327"> <div class="security-info-block" data-ph-id="ph-widget-element-6361787107073221-328"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-329"></i> <ppc-content key="IM9qKW-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-widget-element-6361787107073221-330"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-6361787107073221-331"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-6361787107073221-332"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-6361787107073221-333"> <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="yQew63-JbeFn6-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-6361787107073221-334"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-335"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-336"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361787107073221-337"> <ppc-content class="cd-terms-policy-block" key="Y8v03C-JbeFn6-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-widget-element-6361787107073221-338"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-6361787107073221-339"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-6361787107073221-340">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-6361787107073221-341">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-6361787107073221-342"> <ppc-content class="cd-terms-policy-block" key="EXEc69-JbeFn6-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-widget-element-6361787107073221-343"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-6361787107073221-344"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-6361787107073221-345">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-6361787107073221-346">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-6361787107073221-347"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-widget-element-6361787107073221-348"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-6361787107073221-349"> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-6361787107073221-350"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-6361787107073221-351"> <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="SvUvqD-JbeFn6-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-widget-element-6361787107073221-352"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-353"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-354"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361787107073221-355"> <ppc-content key="HoA0L0-JbeFn6-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-6361787107073221-356">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-6361787107073221-357"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-6361787107073221-358"> <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-widget-element-6361787107073221-359"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-360"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-361"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361787107073221-362"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-6361787107073221-363"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-6361787107073221-364">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="YcZxuS" original-view="default" view="6361786860946773-default" data-ph-id="ph-widget-element-6361787107073221-365"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1709113186680" instance-id="YcZxuS" original-view="default" data-ph-id="ph-widget-element-6361787107073221-366"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787107073221-367"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-widget-element-6361787107073221-368"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-6361787107073221-369"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-widget-element-6361787107073221-370"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="LwThNv-JbeFn6-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-widget-element-6361787107073221-371"> <ppc-content key="u93p96-JbeFn6-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-6361787107073221-372">Submit </ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-6361787107073221-373"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="99Hr06-JbeFn6-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-6361787107073221-374"> <span data-ph-id="ph-widget-element-6361787107073221-375"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-376"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-widget-element-6361787107073221-377"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-6361787107073221-378"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-6361787107073221-379"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-6361787107073221-380">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-6361787107073221-381">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="GM60rq" original-view="view1" view="6361786963107199-view1" data-ph-id="ph-widget-element-6361787107073221-382"> <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{&quot;context&quot;:&quot;fyf&quot;}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default" view="view1-1709112991931" instance-id="GM60rq" original-view="view1" data-ph-id="ph-widget-element-6361787107073221-383"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-6361787107073221-384"> <div class="prev" data-ph-id="ph-widget-element-6361787107073221-385"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ghuTz3-JbeFn6-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-6361787107073221-386"> <span data-ph-id="ph-widget-element-6361787107073221-387"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-388"></i> </span> </a> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' &amp;&amp; !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-widget-element-6361787107073221-389"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-6361787107073221-390"> <!-- <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-widget-element-6361787107073221-391"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-widget-element-6361787107073221-392"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfNewContactInfoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-6361787107073221-393">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfNewContactInfoNoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-6361787107073221-394">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-widget-element-6361787107073221-395"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfNewContactInfoSocialLoginText" data-ph-id="ph-widget-element-6361787107073221-396"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" instance-id="ymdtbC" original-view="view5-new" view="6361787029911116-new" data-ph-id="ph-widget-element-6361787107073221-397"> <div class="ph-social-connect-v1-view5-new-default" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="6361787029911116-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="ymdtbC" data-ph-id="ph-widget-element-6361787107073221-398"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-6361787107073221-399"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-6361787107073221-400"> <div class="widget-container" data-ph-id="ph-widget-element-6361787107073221-401"> <div class="content-block" data-ph-id="ph-widget-element-6361787107073221-402"> <ul class="login-link-list" role="list" key-role="JbeFn6-ph-find-your-fit-v1-default-listRole" data-ph-id="ph-widget-element-6361787107073221-403"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="JbeFn6-ph-find-your-fit-v1-default-listItemRole" data-ph-id="ph-widget-element-6361787107073221-404"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-6361787107073221-405"> <div class="icon-block" data-ph-id="ph-widget-element-6361787107073221-406"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-407"></i> </div> <div class="text-block" data-ph-id="ph-widget-element-6361787107073221-408"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-widget-element-6361787107073221-409"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfNewContactInfoOrTxt" data-ph-id="ph-widget-element-6361787107073221-410">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-widget-element-6361787107073221-411"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyfNewContactInfoHeadingText" data-ph-id="ph-widget-element-6361787107073221-412"> 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-widget-element-6361787107073221-413"> <form role="form" submit.delegate="" data-ph-id="ph-widget-element-6361787107073221-414"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-widget-element-6361787107073221-415"> <div data-ph-id="ph-widget-element-6361787107073221-416"> <label for="preferredName" data-ph-id="ph-widget-element-6361787107073221-417"> <span key="rNzHPO-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-widget-element-6361787107073221-418">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-419"> <ppc-content key="olXRLf-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-widget-element-6361787107073221-420"> Preferred name <span class="required" data-ph-id="ph-widget-element-6361787107073221-421">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787107073221-422"> <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="BF5gDF-JbeFn6-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-widget-element-6361787107073221-423"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error &amp;&amp; stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-widget-element-6361787107073221-424"> <ppc-content key="rojeKP-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-widget-element-6361787107073221-425">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-widget-element-6361787107073221-426"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361787107073221-427"> <div data-ph-id="ph-widget-element-6361787107073221-428"> <label for="name" data-ph-id="ph-widget-element-6361787107073221-429"> <span key="l9kx0V-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-widget-element-6361787107073221-430">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-431"> <ppc-content key="5c8wfO-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-widget-element-6361787107073221-432"> Full name <span class="required" data-ph-id="ph-widget-element-6361787107073221-433">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787107073221-434"> <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="oTv9ww-JbeFn6-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-widget-element-6361787107073221-435"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error &amp;&amp; stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-6361787107073221-436"> <ppc-content key="MTTEWv-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-widget-element-6361787107073221-437">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-widget-element-6361787107073221-438"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361787107073221-439"> <div data-ph-id="ph-widget-element-6361787107073221-440"> <label for="email-2" data-ph-id="ph-widget-element-6361787107073221-441"> <span key="ule2jL-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-widget-element-6361787107073221-442">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-443"> <ppc-content key="8706le-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-widget-element-6361787107073221-444">Email <span class="required" data-ph-id="ph-widget-element-6361787107073221-445"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787107073221-446"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="[email protected]" key-placeholder="zsULc2-JbeFn6-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-widget-element-6361787107073221-447"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-widget-element-6361787107073221-448"> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-6361787107073221-449"> <ppc-content key="0afdaH-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-6361787107073221-450">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-6361787107073221-451"> <ppc-content key="KT0mWO-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-6361787107073221-452">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-widget-element-6361787107073221-453"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361787107073221-454"> <div data-ph-id="ph-widget-element-6361787107073221-455"> <label for="phone" data-ph-id="ph-widget-element-6361787107073221-456"> <span key="WuUrDA-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-widget-element-6361787107073221-457">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-458"> <ppc-content key="APiGFP-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-widget-element-6361787107073221-459">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787107073221-460"> <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="SF1vZo-JbeFn6-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-widget-element-6361787107073221-461"> <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error &amp;&amp; stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-widget-element-6361787107073221-462"> <ppc-content key="fnbQoO-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-widget-element-6361787107073221-463">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-widget-element-6361787107073221-464"></i> </input></div> <div class="security-info" data-ph-id="ph-widget-element-6361787107073221-465"> <div class="security-info-block" data-ph-id="ph-widget-element-6361787107073221-466"> <ppc-content key="kLgYPz-JbeFn6-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-widget-element-6361787107073221-467"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-6361787107073221-468"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-6361787107073221-469"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-6361787107073221-470"> <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="442PAW-JbeFn6-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-6361787107073221-471"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-472"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-473"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361787107073221-474"> <ppc-content class="cd-terms-policy-block" key="BIXPe6-JbeFn6-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-widget-element-6361787107073221-475"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-6361787107073221-476"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-6361787107073221-477">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-6361787107073221-478"> <ppc-content class="cd-terms-policy-block" key="2T4w4f-JbeFn6-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-widget-element-6361787107073221-479"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-6361787107073221-480"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-6361787107073221-481">terms of use</a> </ppc-content> </span> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length) &amp;&amp; !hideOptIn" data-ph-id="ph-widget-element-6361787107073221-482"> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-6361787107073221-483"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-6361787107073221-484"> <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="TVd9sL-JbeFn6-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-widget-element-6361787107073221-485"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-486"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-487"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361787107073221-488"> <ppc-content key="y6CRWJ-JbeFn6-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-6361787107073221-489">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-widget-element-6361787107073221-490"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyf1-please-accept-terms" data-ph-id="ph-widget-element-6361787107073221-491"> Please accept terms of use and policy. </ppc-content> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-6361787107073221-492"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-6361787107073221-493"> <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-widget-element-6361787107073221-494"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-495"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-496"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361787107073221-497"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-6361787107073221-498"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-6361787107073221-499">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="mkj1W4" original-view="default" view="6361787068587006-default" data-ph-id="ph-widget-element-6361787107073221-500"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1709113187035" instance-id="mkj1W4" original-view="default" data-ph-id="ph-widget-element-6361787107073221-501"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787107073221-502"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-widget-element-6361787107073221-503"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-6361787107073221-504"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-widget-element-6361787107073221-505"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="V9AP51-JbeFn6-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-widget-element-6361787107073221-506"> <ppc-content key="7Qhknu-JbeFn6-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-6361787107073221-507">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-6361787107073221-508"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="Tzg8xa-JbeFn6-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-6361787107073221-509"> <span data-ph-id="ph-widget-element-6361787107073221-510"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-6361787107073221-511"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-widget-element-6361787107073221-512"> <button href="javascript:void(0);" click.delegate="skip()" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType == 'authorise' ? widgetBundle['socialSigninStepText'] : fyfStepConfig.stepType } step" key-aria-label="JbeFn6-ph-find-your-fit-v1-default-skipStepTypeText1" data-ph-at-id="skip-link" data-ph-id="ph-widget-element-6361787107073221-513"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-widget-element-6361787107073221-514"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-fyf-skipText" data-ph-at-id="skip-link-text" data-ph-id="ph-widget-element-6361787107073221-515">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-widget-element-6361787107073221-516"> <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled &amp;&amp; isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-widget-element-6361787107073221-517"> <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-widget-element-6361787107073221-518"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled &amp;&amp; isUserSocialLoggedIn)" data-ph-id="ph-widget-element-6361787107073221-519"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin &amp;&amp; !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount+1}" data-ph-at-starting-step-number-text="${stepsCount+1}" data-ph-id="ph-widget-element-6361787107073221-520"> <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-widget-element-6361787107073221-521"></div> </div> <div class="progress-text" if.bind="disableSocialLogin &amp;&amp; !isUserSocialLoggedIn" data-ph-id="ph-widget-element-6361787107073221-522"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-widget-element-6361787107073221-523"> <div data-ph-id="ph-widget-element-6361787107073221-524"> <ppc-content key="JbeFn6-ph-find-your-fit-v1-default-noStepsFoundText" data-ph-id="ph-widget-element-6361787107073221-525"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787107073221-526"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-widget-element-6361787107073221-527"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-6361785706824095-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-widget-element-6361785706824095-2"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-6361785706824095-3"> <ppc-content key="TqoUav-ph-import-resume-v1-upload-new-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-widget-element-6361785706824095-4">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-6361787029911116-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-6361787029911116-2"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-6361787029911116-3"> <div class="widget-container" data-ph-id="ph-widget-element-6361787029911116-4"> <div class="content-block" data-ph-id="ph-widget-element-6361787029911116-5"> <ul class="login-link-list" role="list" key-role="ymdtbC-ph-social-connect-v1-view5-new-listRole" data-ph-id="ph-widget-element-6361787029911116-6"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ymdtbC-ph-social-connect-v1-view5-new-listItemRole" data-ph-id="ph-widget-element-6361787029911116-7"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-6361787029911116-8"> <div class="icon-block" data-ph-id="ph-widget-element-6361787029911116-9"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-6361787029911116-10"></i> </div> <div class="text-block" data-ph-id="ph-widget-element-6361787029911116-11"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-1699994117774-default" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader &amp;&amp; !userConsentPopup" class="show-loader" data-ph-id="ph-widget-element-6361787646072261-2"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-widget-element-6361787646072261-3"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader &amp;&amp; !avoidBackDropFirstTime" data-ph-id="ph-widget-element-6361787646072261-4"></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-widget-element-6361787646072261-5"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787646072261-6"> <div class="upload-resume-tile" if.bind="!isLoggedIn &amp;&amp; (currentStep == 'chooseStep')" data-ph-id="ph-widget-element-6361787646072261-7"> <div class="widget-container" data-ph-id="ph-widget-element-6361787646072261-8"> <div class="upload-resume-tile-container" data-ph-id="ph-widget-element-6361787646072261-9"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-widget-element-6361787646072261-10"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-widget-element-6361787646072261-11"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-preLoginHeadingVisitorText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-12">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-widget-element-6361787646072261-13"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-preLoginHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-14">Get tailored job recommendations based on your interests.</ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-widget-element-6361787646072261-15"> <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="cARijM-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel1" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-widget-element-6361787646072261-16"> <ppc-content key="EmoDum-cARijM-ph-find-your-fit-container-v1-default-preLoginActionButtonText" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-widget-element-6361787646072261-17"> 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-widget-element-6361787646072261-18"> <div class="widget-container" data-ph-id="ph-widget-element-6361787646072261-19"> <div class="post-login-resume-tile-container" data-ph-id="ph-widget-element-6361787646072261-20"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-widget-element-6361787646072261-21"> <div class="user-profile-icon fs-block" data-ph-id="ph-widget-element-6361787646072261-22"> <span class="user-name-prefix" if.bind="!((preferredName &amp;&amp; profileData.preferredName) || profileData.firstName)" data-ph-id="ph-widget-element-6361787646072261-23"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-24"></i> </span> <span class="sr-only" data-ph-id="ph-widget-element-6361787646072261-25"> <span key="cARijM-ph-find-your-fit-container-v1-default-profileIconScreenText" data-ph-id="ph-widget-element-6361787646072261-26"> profile icon </span> ${preferredName &amp;&amp; profileData.preferredName &amp;&amp; profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) || ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="preferredName &amp;&amp; profileData.preferredName || profileData.firstName" data-ph-id="ph-widget-element-6361787646072261-27"> ${preferredName &amp;&amp; profileData.preferredName &amp;&amp; profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) + profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" data-ph-id="ph-widget-element-6361787646072261-28"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="(preferredName &amp;&amp; profileData.preferredName) || profileData.firstName" data-ph-id="ph-widget-element-6361787646072261-29"> <span class="recom-text" data-ph-id="ph-widget-element-6361787646072261-30">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName": preferredName &amp;&amp; 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-widget-element-6361787646072261-31"> <span class="recom-text" data-ph-id="ph-widget-element-6361787646072261-32"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="cARijM-ph-find-your-fit-container-v1-default-postLoginProfileHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-33">Your personalized site and job recommendations are ready.</ppc-content> <ppc-content if.bind="!isProfileJobsAvailable &amp;&amp; !isCandidateHomeEnabled" key="cARijM-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-34"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable &amp;&amp; isCandidateHomeEnabled &amp;&amp; isProfileDataExists" key="cARijM-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-35"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled &amp;&amp; !isProfileJobsAvailable &amp;&amp; !isProfileDataExists" key="cARijM-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading3" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-36"> Currently we don’t have enough information to provide personalized job recommendations. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled &amp;&amp; (isActiveSession &amp;&amp; isAnonymous)" key="cARijM-ph-find-your-fit-container-v1-default-postLoginSignUpText" data-ph-id="ph-widget-element-6361787646072261-37"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-widget-element-6361787646072261-38">Sign up</a> <span data-ph-id="ph-widget-element-6361787646072261-39"> to save your personalized experience </span> </ppc-content> </span> </h2> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous) &amp;&amp; flowType == 'upload_resume'" data-ph-id="ph-widget-element-6361787646072261-40"> <div class="action-area-block" data-ph-id="ph-widget-element-6361787646072261-41"> <button class="edit-resume upload-action-btn ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-editUploadOptionAriaLabel1" data-ph-at-id="edit-link" data-ph-id="ph-widget-element-6361787646072261-42"> <span class="error-icon" show.bind="isContactDetailsConfigured &amp;&amp; !(gdprConsent &amp;&amp; !savePersonalInfo) &amp;&amp; !resumeInfoConfirmation " data-ph-id="ph-widget-element-6361787646072261-43"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-44"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent &amp;&amp; !savePersonalInfo)" data-ph-id="ph-widget-element-6361787646072261-45"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-46"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-6361787646072261-47"> <span data-ph-id="ph-widget-element-6361787646072261-48">${profileData.resumeName &amp;&amp; (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName &amp;&amp; ('.'+profileData.resumeName.split('.').pop())} </span> <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-widget-element-6361787646072261-49"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-50"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-widget-element-6361787646072261-51"> <ul data-ph-id="ph-widget-element-6361787646072261-52"> <li if.bind="isContactDetailsConfigured &amp;&amp; !(gdprConsent &amp;&amp; !savePersonalInfo) &amp;&amp; !resumeInfoConfirmation" data-ph-id="ph-widget-element-6361787646072261-53"> <button class="completeInfo-btn" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-" click.delegate="openContactDetailsPopup()" data-ph-id="ph-widget-element-6361787646072261-54"> <span class="button-text" data-ph-id="ph-widget-element-6361787646072261-55"> <span class="error-icon action-icon" data-ph-id="ph-widget-element-6361787646072261-56"><i class="icon icon-error" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-57"></i></span><ppc-content key="cARijM-ph-find-your-fit-container-v1-default-completeInformationButtonText" data-ph-id="ph-widget-element-6361787646072261-58">Complete resume info</ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-widget-element-6361787646072261-59"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-widget-element-6361787646072261-60"> <span class="action-icon" data-ph-id="ph-widget-element-6361787646072261-61"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-62"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-widget-element-6361787646072261-63"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-widget-element-6361787646072261-64"> <section class="ph-widget" data-tmpl-type="inline" instance-id="jE6Dw0" original-view="re-upload" view="6361785639231654-upload" data-ph-id="ph-widget-element-6361787646072261-65"> <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="6361785639231654-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" instance-id="jE6Dw0" original-view="re-upload" data-ph-id="ph-widget-element-6361787646072261-66"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-6361787646072261-67"> <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-6361787646072261-68"> <span class="action-icon" data-ph-id="ph-widget-element-6361787646072261-69"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-70"></i> </span> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-widget-element-6361787646072261-71"> Use new resume </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin &amp;&amp; !isSiteLogin" data-ph-id="ph-widget-element-6361787646072261-72"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-widget-element-6361787646072261-73"> <span class="action-icon" data-ph-id="ph-widget-element-6361787646072261-74"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-75"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-widget-element-6361787646072261-76"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-widget-element-6361787646072261-77"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-widget-element-6361787646072261-78"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-79"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-widget-element-6361787646072261-80"> ${socialProvider} </span> <ppc-content key="uoXeWB-cARijM-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-widget-element-6361787646072261-81"> 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="gLDsxz-cARijM-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-widget-element-6361787646072261-82"> <ppc-content key="Veghkz-cARijM-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-widget-element-6361787646072261-83">Log out </ppc-content> </a> </div> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous) &amp;&amp; (flowType == 'find_your_fit' || (isAnonymous &amp;&amp; flowType == 'candidateProfile'))" data-ph-id="ph-widget-element-6361787646072261-84"> <div class="action-area-block" data-ph-id="ph-widget-element-6361787646072261-85"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="GNnSGh-cARijM-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-widget-element-6361787646072261-86"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-profileUpdationEditText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-6361787646072261-87">Edit profile</ppc-content> </button> <div class="reset-block" data-ph-id="ph-widget-element-6361787646072261-88"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin &amp;&amp; !isSiteLogin" aria-label="reset find your fit profile" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-profileUpdateResetAriaLabel" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-widget-element-6361787646072261-89"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-90"></i> <span data-ph-id="ph-widget-element-6361787646072261-91"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-profileUpdateResetLinkText" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-widget-element-6361787646072261-92"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-widget-element-6361787646072261-93"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-widget-element-6361787646072261-94"> <span class="sr-only" data-ph-id="ph-widget-element-6361787646072261-95">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-96"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-widget-element-6361787646072261-97"> ${socialProvider} </span> <ppc-content key="GCwMTQ-cARijM-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-widget-element-6361787646072261-98"> 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="mUPSdp-cARijM-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-widget-element-6361787646072261-99"> <ppc-content key="V8hWar-cARijM-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-widget-element-6361787646072261-100">Log out </ppc-content> </a> </div> </div> </div> </div> <div class="action-area action-btn ph-a11y-action-btn" if.bind="!((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-widget-element-6361787646072261-101"> <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="cARijM-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-widget-element-6361787646072261-102"> <ppc-content key="MBNTQZ-cARijM-ph-find-your-fit-container-v1-default-preLoginActionButtonText" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-widget-element-6361787646072261-103"> Get Started</ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous &amp;&amp; flowType == 'candidateProfile'" data-ph-id="ph-widget-element-6361787646072261-104"> <div class="action-area-block" data-ph-id="ph-widget-element-6361787646072261-105"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="Skh1qP-cARijM-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-id="ph-widget-element-6361787646072261-106"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-profileUpdationEditProfileText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-6361787646072261-107">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-widget-element-6361787646072261-108"> <div class="widget-container" data-ph-id="ph-widget-element-6361787646072261-109"> <div class="inner-content" data-ph-id="ph-widget-element-6361787646072261-110"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-widget-element-6361787646072261-111"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-flowChoosingHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-112">Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-widget-element-6361787646072261-113"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-flowChoosingHeadingSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-6361787646072261-114">Either use your resume or tell us a little about yourself</ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-widget-element-6361787646072261-115"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-widget-element-6361787646072261-116"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-widget-element-6361787646072261-117"> <ppc-content key="nrLlhG-cARijM-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-widget-element-6361787646072261-118">Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-widget-element-6361787646072261-119"> <ppc-content key="2wFEB4-cARijM-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-widget-element-6361787646072261-120">or</ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" aria-hidden="${(resumeInfoPopup || userConsentPopup) ? 'true' : false}" data-ph-id="ph-widget-element-6361787646072261-121"> <!-- import resume --> <section class="ph-widget" instance-id="3lsKJV" original-view="external-upload-resume" view="6361785673358325-upload-resume" data-ph-id="ph-widget-element-6361787646072261-122"> <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="external-upload-resume-1709112526497" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="3lsKJV" data-ph-id="ph-widget-element-6361787646072261-123"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-widget-element-6361787646072261-124"> <p class="or-text" data-ph-id="ph-widget-element-6361787646072261-125"> <ppc-content key="UGjRBp-cARijM-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-widget-element-6361787646072261-126">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-widget-element-6361787646072261-127"> <ppc-content key="P2a6h5-cARijM-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-widget-element-6361787646072261-128">Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-widget-element-6361787646072261-129"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-6361787646072261-130"> <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="6urajw-cARijM-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-id="ph-widget-element-6361787646072261-131"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-132"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-133"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361787646072261-134"> <ppc-content key="b8Iqks-cARijM-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-6361787646072261-135">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="cARijM-ph-find-your-fit-container-v1-default-ChooseSectionCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-6361787646072261-136"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-137"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-widget-element-6361787646072261-138"> <span if.bind="chooseSteps" data-ph-id="ph-widget-element-6361787646072261-139"> Choose your path </span> </span> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-widget-element-6361787646072261-140"> <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-widget-element-6361787646072261-141"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-widget-element-6361787646072261-142"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-widget-element-6361787646072261-143"> <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-widget-element-6361787646072261-144"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-145"></i> </button> </div> <div class="modal-body" data-ph-id="ph-widget-element-6361787646072261-146"> <h2 class="heading-block" data-ph-id="ph-widget-element-6361787646072261-147"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="cARijM-ph-find-your-fit-container-v1-default-unsaved-popup-heading" data-ph-id="ph-widget-element-6361787646072261-148"> Upload Resume </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-widget-element-6361787646072261-149"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="cARijM-ph-find-your-fit-container-v1-default-ally-unsaved-popup-subHeading" data-ph-id="ph-widget-element-6361787646072261-150"> In order to process your resume and provide job recommendations, you must approve our data protection policy. </ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-6361787646072261-151"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-6361787646072261-152"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-6361787646072261-153"> <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 agree to the terms" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-termsAriaLabel" aria-required="true" data-ph-id="ph-widget-element-6361787646072261-154"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-155"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-156"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361787646072261-157"> <ppc-content class="cd-terms-policy-block" key="GUrzax-cARijM-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-widget-element-6361787646072261-158"> <span class="mandatory-star" data-ph-id="ph-widget-element-6361787646072261-159">*</span> I have read and agree to the <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-6361787646072261-160">terms</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-6361787646072261-161"> <ppc-content class="cd-terms-policy-block" key="p0N7TL-cARijM-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-widget-element-6361787646072261-162"> <span class="mandatory-star" data-ph-id="ph-widget-element-6361787646072261-163">*</span> I have read and agree to the <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-6361787646072261-164">terms</a> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-6361787646072261-165"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-terms-error" data-ph-id="ph-widget-element-6361787646072261-166"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-widget-element-6361787646072261-167"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-6361787646072261-168"> <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 suitable for (optional) " key-aria-label="cARijM-ph-find-your-fit-container-v1-default-saveResumeAriaLabe" data-ph-id="ph-widget-element-6361787646072261-169"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-170"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-171"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361787646072261-172"> <ppc-content data-ph-at-id="checkbox-button-text" key="cARijM-ph-find-your-fit-container-v1-default-save-my-checkbox-button-text" data-ph-id="ph-widget-element-6361787646072261-173"> Save my resume and contact me for jobs that I may be suitable for <span class="checkbox-optional-text" data-ph-id="ph-widget-element-6361787646072261-174">(optional)</span> </ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-6361787646072261-175"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-6361787646072261-176"> <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-widget-element-6361787646072261-177"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-178"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-179"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361787646072261-180"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-6361787646072261-181"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-6361787646072261-182">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787646072261-183"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-widget-element-6361787646072261-184"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button class="btn primary-button" disabled.bind="piiConsentData &amp;&amp; piiConsentData.length ? isDisabled : !acceptTerms" click.delegate="!isDisabled || acceptTerms ? submitResume() : false" ph-tevent="pii-consent-submit" data-ph-id="ph-widget-element-6361787646072261-185"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-submitbuttonkey" data-ph-id="ph-widget-element-6361787646072261-186"> Confirm </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-widget-element-6361787646072261-187"> <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-widget-element-6361787646072261-188"> <div class="modal-dialog resume-step" data-ph-id="ph-widget-element-6361787646072261-189"> <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-widget-element-6361787646072261-190"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-191"></i> </button> <div class="modal-body" data-ph-id="ph-widget-element-6361787646072261-192"> <!-- Contact Details area --> <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-widget-element-6361787646072261-193"> <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-6361787646072261-194"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-6361787646072261-195"> <span data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-196"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-widget-element-6361787646072261-197"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-widget-element-6361787646072261-198"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-widget-element-6361787646072261-199"> <div data-ph-id="ph-widget-element-6361787646072261-200"> <label for="preferredName" data-ph-id="ph-widget-element-6361787646072261-201"> <span class="sr-only" data-ph-id="ph-widget-element-6361787646072261-202"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-203"> <span data-ph-at-id="name-text" data-ph-id="ph-widget-element-6361787646072261-204"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-205"> * </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787646072261-206"> <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-widget-element-6361787646072261-207"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-6361787646072261-208"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-6361787646072261-209"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-widget-element-6361787646072261-210"> ${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-widget-element-6361787646072261-211"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361787646072261-212"> <div data-ph-id="ph-widget-element-6361787646072261-213"> <label for="name" data-ph-id="ph-widget-element-6361787646072261-214"> <span class="sr-only" data-ph-id="ph-widget-element-6361787646072261-215"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-216"> <span data-ph-at-id="name-text" data-ph-id="ph-widget-element-6361787646072261-217"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-218"> * </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787646072261-219"> <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-widget-element-6361787646072261-220"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-6361787646072261-221"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-6361787646072261-222"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-widget-element-6361787646072261-223"> ${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-widget-element-6361787646072261-224"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361787646072261-225"> <div data-ph-id="ph-widget-element-6361787646072261-226"> <label for="email" data-ph-id="ph-widget-element-6361787646072261-227"> <span class="sr-only" data-ph-id="ph-widget-element-6361787646072261-228"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-229"> <span data-ph-at-id="email-text" data-ph-id="ph-widget-element-6361787646072261-230"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-231"> * </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787646072261-232"> <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-widget-element-6361787646072261-233"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-6361787646072261-234"> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-6361787646072261-235"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-widget-element-6361787646072261-236"> ${widgetBundle['contactDetailsAreaEmailInputErrorText'] | pht} </span> </span> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-6361787646072261-237"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-widget-element-6361787646072261-238"> ${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-widget-element-6361787646072261-239"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361787646072261-240"> <div data-ph-id="ph-widget-element-6361787646072261-241"> <label for="phone" data-ph-id="ph-widget-element-6361787646072261-242"> <span class="sr-only" data-ph-id="ph-widget-element-6361787646072261-243"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-244"> <span data-ph-at-id="phone-text" data-ph-id="ph-widget-element-6361787646072261-245"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787646072261-246"> <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-widget-element-6361787646072261-247"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code &amp;&amp; contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-widget-element-6361787646072261-248"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-widget-element-6361787646072261-249"> ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht} </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-250"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-widget-element-6361787646072261-251"> <div data-ph-id="ph-widget-element-6361787646072261-252"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-widget-element-6361787646072261-253"> <span data-ph-id="ph-widget-element-6361787646072261-254"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-widget-element-6361787646072261-255"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-widget-element-6361787646072261-256"> <span data-ph-id="ph-widget-element-6361787646072261-257"> ${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-widget-element-6361787646072261-258"> <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-6361787646072261-259"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-6361787646072261-260"> <span data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-261"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-6361787646072261-262"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-6361787646072261-263"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-widget-element-6361787646072261-264"> <div data-ph-id="ph-widget-element-6361787646072261-265"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-widget-element-6361787646072261-266"> <span data-ph-id="ph-widget-element-6361787646072261-267"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-widget-element-6361787646072261-268"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-widget-element-6361787646072261-269"> <span data-ph-id="ph-widget-element-6361787646072261-270"> ${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-widget-element-6361787646072261-271"> <div class="job-title-inner-wrapper" data-ph-id="ph-widget-element-6361787646072261-272"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-6361787646072261-273"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-6361787646072261-274"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-widget-element-6361787646072261-275"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-widget-element-6361787646072261-276"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-widget-element-6361787646072261-277"> <div class="input-group" data-ph-id="ph-widget-element-6361787646072261-278"> <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-widget-element-6361787646072261-279" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-280"></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-widget-element-6361787646072261-281"> <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-widget-element-6361787646072261-282"> </li> <li class="search-noresults" if.bind="!resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value" data-ph-at-id="no-suggested-results" data-ph-id="ph-widget-element-6361787646072261-283"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787646072261-284"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-6361787646072261-285"> <span data-ph-id="ph-widget-element-6361787646072261-286"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-6361787646072261-287"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.jobTitles.searchTitles.length} ${resumeInfo.jobTitles.searchTitles.length &gt; 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-widget-element-6361787646072261-288"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-widget-element-6361787646072261-289"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-widget-element-6361787646072261-290"> <h3 class="job-titles-heading" data-ph-id="ph-widget-element-6361787646072261-291"> ${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-widget-element-6361787646072261-292"> <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-widget-element-6361787646072261-293"> ${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-widget-element-6361787646072261-294"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-295"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-widget-element-6361787646072261-296"> <div class="skills-inner-wrapper" data-ph-id="ph-widget-element-6361787646072261-297"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-6361787646072261-298"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-6361787646072261-299"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-widget-element-6361787646072261-300"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-widget-element-6361787646072261-301"> <div class="input-group" data-ph-id="ph-widget-element-6361787646072261-302"> <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-widget-element-6361787646072261-303" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-304"></i> </div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown &amp;&amp; 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-widget-element-6361787646072261-305"> <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-widget-element-6361787646072261-306"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown" data-ph-id="ph-widget-element-6361787646072261-307"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787646072261-308"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-6361787646072261-309"> <span data-ph-id="ph-widget-element-6361787646072261-310"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-6361787646072261-311"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.skills.skillsList.length} ${resumeInfo.skills.skillsList.length &gt; 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-widget-element-6361787646072261-312"> <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-widget-element-6361787646072261-313"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-widget-element-6361787646072261-314"> <h3 class="skills-heading" data-ph-id="ph-widget-element-6361787646072261-315"> ${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-widget-element-6361787646072261-316"> <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-widget-element-6361787646072261-317"> ${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-widget-element-6361787646072261-318"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-319"></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-widget-element-6361787646072261-320"> <div data-ph-id="ph-widget-element-6361787646072261-321"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-widget-element-6361787646072261-322"> ${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-widget-element-6361787646072261-323"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-widget-element-6361787646072261-324"> <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-widget-element-6361787646072261-325"> <span data-ph-id="ph-widget-element-6361787646072261-326">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-327"></i> </button> </li> </ul> </div> </div> </div> </div> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-widget-element-6361787646072261-328"> <div class="work-experience-inner-wrapper" data-ph-id="ph-widget-element-6361787646072261-329"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-6361787646072261-330"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-6361787646072261-331"> ${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-widget-element-6361787646072261-332"> <legend class="sr-only" data-ph-id="ph-widget-element-6361787646072261-333"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-widget-element-6361787646072261-334"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-widget-element-6361787646072261-335"> <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-widget-element-6361787646072261-336" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-widget-element-6361787646072261-337"> <span data-ph-id="ph-widget-element-6361787646072261-338">${exp.displayName} </span> <span data-ph-id="ph-widget-element-6361787646072261-339"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </span> </div> </fieldset> </div> </div> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-widget-element-6361787646072261-340"> <div class="work-experience-inner-wrapper" data-ph-id="ph-widget-element-6361787646072261-341"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-6361787646072261-342"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-6361787646072261-343"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-widget-element-6361787646072261-344"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-widget-element-6361787646072261-345"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-widget-element-6361787646072261-346"> <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-widget-element-6361787646072261-347" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-348"></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-widget-element-6361787646072261-349"> <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-widget-element-6361787646072261-350"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown" data-ph-id="ph-widget-element-6361787646072261-351"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787646072261-352"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-6361787646072261-353"> <span data-ph-id="ph-widget-element-6361787646072261-354"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </span> </div> <div class="sr-only" if.bind="resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-6361787646072261-355"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.preferredLocation.locationsList.length} ${resumeInfo.preferredLocation.locationsList.length &gt; 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-widget-element-6361787646072261-356"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-widget-element-6361787646072261-357"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-widget-element-6361787646072261-358"> <h3 class="location-heading" data-ph-id="ph-widget-element-6361787646072261-359"> ${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-widget-element-6361787646072261-360"> <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-widget-element-6361787646072261-361"> ${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-widget-element-6361787646072261-362"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-363"></i> </a> </li> </ul> </div> </div> </div> <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' &amp;&amp; activeStep != 'cancel'" data-ph-id="ph-widget-element-6361787646072261-364"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-widget-element-6361787646072261-365"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-widget-element-6361787646072261-366"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-367"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-widget-element-6361787646072261-368"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-widget-element-6361787646072261-369"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-widget-element-6361787646072261-370"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-widget-element-6361787646072261-371"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-372"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787646072261-373"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-widget-element-6361787646072261-374"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-widget-element-6361787646072261-375"> <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-widget-element-6361787646072261-376"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-widget-element-6361787646072261-377"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-widget-element-6361787646072261-378"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format resume popup close" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-uploadFailurePopupCloseAriaLabel1" data-ph-at-id="close-link" data-ph-id="ph-widget-element-6361787646072261-379"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-380"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-widget-element-6361787646072261-381"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-382"></i> <span key="cARijM-ph-find-your-fit-container-v1-default-sadFileIconText" class="sr-only" data-ph-id="ph-widget-element-6361787646072261-383">Failure icon</span> </div> <div data-ph-id="ph-widget-element-6361787646072261-384"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-widget-element-6361787646072261-385"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-386"> Oops invalid format...</ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-widget-element-6361787646072261-387"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-388"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-widget-element-6361787646072261-389"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-6361787646072261-390"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported &amp;&amp; limitExceeded &amp;&amp; widgetBundle['uploadFileSizeError']" data-ph-id="ph-widget-element-6361787646072261-391"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported &amp;&amp; ((limitExceeded &amp;&amp; !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-widget-element-6361787646072261-392"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-6361787646072261-393">Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported &amp;&amp; ((limitExceeded &amp;&amp; !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-widget-element-6361787646072261-394"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadErrorUploadAgain" data-ph-at-id="error-text" data-ph-id="ph-widget-element-6361787646072261-395">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-widget-element-6361787646072261-396"> <div class="upload-again" data-ph-id="ph-widget-element-6361787646072261-397"> <section class="ph-widget" data-tmpl-type="inline" instance-id="TqoUav" original-view="upload-new" view="6361785706824095-new" data-ph-id="ph-widget-element-6361787646072261-398"> <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="6361785706824095-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="TqoUav" data-ph-id="ph-widget-element-6361787646072261-399"> <div class="ph-dropzone-area" data-ph-id="ph-widget-element-6361787646072261-400"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-6361787646072261-401"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-widget-element-6361787646072261-402">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-widget-element-6361787646072261-403"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact details popup Close" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-contactDetailsPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-6361787646072261-404"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-405"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-6361787646072261-406"> <p if.bind="!contactDetailsFailure &amp;&amp; contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-widget-element-6361787646072261-407"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-widget-element-6361787646072261-408"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsErrorText1" data-ph-at-id="description-error-text" data-ph-id="ph-widget-element-6361787646072261-409"> 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-widget-element-6361787646072261-410"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-411"> But we noticed below information is missing from it. <br /> Please complete the following: </ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-widget-element-6361787646072261-412"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-413"> We noticed below information is missing from it. <br /> Please complete the following: </ppc-content> </h2> <div data-ph-id="ph-widget-element-6361787646072261-414"> <form role="form" aria-label="contact details" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-contactDetailspopupFormArialLabel1" data-ph-id="ph-widget-element-6361787646072261-415"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361787646072261-416"> <div data-ph-id="ph-widget-element-6361787646072261-417"> <label for="email" data-ph-id="ph-widget-element-6361787646072261-418"> <span key="TXDuAz-cARijM-ph-find-your-fit-container-v1-default-contactDetailsEmail" class="sr-only" data-ph-id="ph-widget-element-6361787646072261-419">Email</span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-420"> <ppc-content key="beFykQ-cARijM-ph-find-your-fit-container-v1-default-contactDetailsEmail" data-ph-at-id="email-text" data-ph-id="ph-widget-element-6361787646072261-421">Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787646072261-422"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="[email protected]" key-placeholder="cARijM-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-widget-element-6361787646072261-423"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-6361787646072261-424"> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-6361787646072261-425"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorText" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-widget-element-6361787646072261-426"> Email should not empty </ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-6361787646072261-427"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorCorrectFormat" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-widget-element-6361787646072261-428"> 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-widget-element-6361787646072261-429"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361787646072261-430"> <div data-ph-id="ph-widget-element-6361787646072261-431"> <label for="phone" data-ph-id="ph-widget-element-6361787646072261-432"> <span key="YAQiM6-cARijM-ph-find-your-fit-container-v1-default-ContactDetailsPhone" class="sr-only" data-ph-id="ph-widget-element-6361787646072261-433">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-434"> <ppc-content key="rlM2vc-cARijM-ph-find-your-fit-container-v1-default-contactDetailsPhone" data-ph-at-id="phone-text" data-ph-id="ph-widget-element-6361787646072261-435">Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-6361787646072261-436"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="cARijM-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-widget-element-6361787646072261-437"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code &amp;&amp; contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-widget-element-6361787646072261-438"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-contactDetailsPhoneInputErrorText" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-widget-element-6361787646072261-439">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-widget-element-6361787646072261-440"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-widget-element-6361787646072261-441"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-widget-element-6361787646072261-442"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-uploadResumeContactDetailsSubtmitText" data-ph-id="ph-widget-element-6361787646072261-443">Submit</ppc-content> </button> </div> </div> </div> </div> <div class="user-signin-area" if.bind="currentStep == 'userSignIn' &amp;&amp; !showLoader &amp;&amp; isAnonymous" data-ph-id="ph-widget-element-6361787646072261-444"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login popup Close" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-socialLoginPopupCloseAriaLabelText" data-ph-at-id="close-link" data-ph-id="ph-widget-element-6361787646072261-445"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-446"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-widget-element-6361787646072261-447"> <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-widget-element-6361787646072261-448"> <p data-ph-at-id="sucess-text" data-ph-id="ph-widget-element-6361787646072261-449"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired &amp;&amp; isAnonymous &amp;&amp; !disableSocialLogin" data-ph-id="ph-widget-element-6361787646072261-450"> <h2 class="phs-heading" data-ph-id="ph-widget-element-6361787646072261-451"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadSuccessHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361787646072261-452">Sign in and keep your data for future visits</ppc-content> </h2> <section class="ph-widget" instance-id="IzIIN6" original-view="view4" view="6361786766738700-view4" data-ph-id="ph-widget-element-6361787646072261-453"> <div class="ph-social-connect-v1-view4-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view4-1709112549633" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="IzIIN6" data-ph-id="ph-widget-element-6361787646072261-454"></div> </section> <div class="signin-info" data-ph-id="ph-widget-element-6361787646072261-455"> <span data-ph-id="ph-widget-element-6361787646072261-456"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-457"></i> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadSuccessDesc" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-widget-element-6361787646072261-458"> We never post anything without your permission</ppc-content> </span> </div> </div> </div> </div> <div class="social-signin-area" if.bind="currentStep == 'userSignIn' &amp;&amp; !showLoader &amp;&amp; !isAnonymous" data-ph-id="ph-widget-element-6361787646072261-459"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-widget-element-6361787646072261-460"> <div class="failure-img-block" data-ph-id="ph-widget-element-6361787646072261-461"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-462"></i> <span key="cARijM-ph-find-your-fit-container-v1-default-happyFileIconText" class="sr-only" data-ph-id="ph-widget-element-6361787646072261-463">success icon </span></div> <div data-ph-id="ph-widget-element-6361787646072261-464"> <h3 class="heading" data-ph-id="ph-widget-element-6361787646072261-465"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessHeading" data-ph-at-id="sucess-text" data-ph-id="ph-widget-element-6361787646072261-466"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-widget-element-6361787646072261-467"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes1" data-ph-at-id="sucess-desc1" data-ph-id="ph-widget-element-6361787646072261-468">Your file is successfully uploaded</ppc-content> </div> <div class="p-text" data-ph-id="ph-widget-element-6361787646072261-469"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes3" data-ph-at-id="sucess-desc2" data-ph-id="ph-widget-element-6361787646072261-470">Enjoy your personalized jobs</ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-widget-element-6361787646072261-471"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file upload success popup close" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-socialLoginSuccessCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-6361787646072261-472"> <span class="btn primary-button" data-ph-id="ph-widget-element-6361787646072261-473"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-socialLoginCloseText" data-ph-at-id="close-link-text" data-ph-id="ph-widget-element-6361787646072261-474">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-widget-element-6361787646072261-475"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup close" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-resetPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-6361787646072261-476"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-477"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-widget-element-6361787646072261-478"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-widget-element-6361787646072261-479"></i> <span class="sr-only" key="cARijM-ph-find-your-fit-container-v1-default-removeFileIconText" data-ph-id="ph-widget-element-6361787646072261-480">reset icon</span> </div> <div data-ph-id="ph-widget-element-6361787646072261-481"> <div class="p-text" data-ph-id="ph-widget-element-6361787646072261-482"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-resumeUploadDeletDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-6361787646072261-483">By resetting personalization <br />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-widget-element-6361787646072261-484"> <div class="delete-link" data-ph-id="ph-widget-element-6361787646072261-485"> <button class="btn warning-button" aria-label="Reset" key-aria-label="cARijM-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteAriaLabel" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-widget-element-6361787646072261-486"> <ppc-content key="cARijM-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteButtonText" data-ph-id="ph-widget-element-6361787646072261-487"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="JbeFn6" if.bind="isFyfEnabled" original-view="default" view="6361787107073221-default" data-ph-id="ph-widget-element-6361787646072261-488"> <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="JbeFn6" data-widget="ph-find-your-fit-v1" view="6361787107073221-default" original-view="default" data-ph-id="ph-widget-element-6361787646072261-489"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-widget-element-6361787646072261-490"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-widget-element-6361787646072261-493"> <section class="ph-widget" instance-id="zDsB9m" hide-on-mobile="true" original-view="default" view="6361787382204928-default" data-ph-id="ph-widget-element-6361787646072261-494"> <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-1709113449630" instance-id="zDsB9m" original-view="default" data-ph-id="ph-widget-element-6361787646072261-495"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361787646072261-496"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-widget-element-6361787646072261-497"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-widget-element-6361787646072261-498"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-6361789139602264-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-6361789139602264-2"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-6361789139602264-3"> <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-6361789139602264-4"> <div class="modal-content" data-ph-id="ph-widget-element-6361789139602264-5"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-6361789139602264-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-6361789139602264-7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361789139602264-8"></i> <span class="sr-only" data-ph-id="ph-widget-element-6361789139602264-9"><ppc-content key="v4401Z-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-6361789139602264-10">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-widget-element-6361789139602264-11"> <ppc-content key="v4401Z-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-6361789139602264-12"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-6361789139602264-13"> <ppc-content key="v4401Z-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-6361789139602264-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-6361789139602264-15"> <div class="content-block" data-ph-id="ph-widget-element-6361789139602264-16"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-6361789139602264-17"> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-6361789139602264-18"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-6361789139602264-19"> <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-widget-element-6361789139602264-20"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361789139602264-21"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361789139602264-22"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-widget-element-6361789139602264-23"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-6361789139602264-24"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-widget-element-6361789139602264-25"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-6361789139602264-26"> <label for="email-job-name" data-ph-id="ph-widget-element-6361789139602264-27"> <ppc-content key="v4401Z-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-6361789139602264-28"> 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="v4401Z-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="v4401Z-ph-email-job-v1-view3-recipientNameTitleText" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-widget-element-6361789139602264-29"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error &amp;&amp; errors.name.code == 'E101'" data-ph-id="ph-widget-element-6361789139602264-30"> <ppc-content key="v4401Z-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-6361789139602264-31"> 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-6361789139602264-32"> <label for="email-job-email" data-ph-id="ph-widget-element-6361789139602264-33"> <ppc-content key="v4401Z-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-6361789139602264-34"> 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="v4401Z-ph-email-job-v1-view3-recipientEmailAddressTitleText" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-widget-element-6361789139602264-35"> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101'" data-ph-id="ph-widget-element-6361789139602264-36"> <ppc-content key="v4401Z-ph-email-job-v1-view3-emailShouldNotBeEmptyText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-6361789139602264-37"> Recipient’s email address should not be Empty </ppc-content> </span> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102'" data-ph-id="ph-widget-element-6361789139602264-38"> <ppc-content key="v4401Z-ph-email-job-v1-view3-pleaseEnterAValidEmailText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-6361789139602264-39"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-widget-element-6361789139602264-40"> <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-6361789139602264-41"> <ppc-content key="v4401Z-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-6361789139602264-42"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-6361789139602264-43"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-6361789139602264-44"> <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-widget-element-6361789139602264-45"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361789139602264-46"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361789139602264-47"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361789139602264-48"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-6361789139602264-49"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-6361789139602264-50">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-widget-element-6361789139602264-51"> <span class="sr-only required-text" data-ph-id="ph-widget-element-6361789139602264-52"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-6361789139602264-53"> <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-6361789139602264-54"> <ppc-content key="v4401Z-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-6361789139602264-55">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-6361789139602264-56"> <ppc-content key="v4401Z-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-6361789139602264-57">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-6361789139602264-58"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-6361789139602264-59"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-6361789139602264-60"> <i class="icon icon-check" data-ph-id="ph-widget-element-6361789139602264-61"></i> <h3 data-ph-id="ph-widget-element-6361789139602264-62"> <ppc-content key="v4401Z-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-6361789139602264-63">Success!</ppc-content> </h3> <p data-ph-id="ph-widget-element-6361789139602264-64"> <ppc-content key="v4401Z-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-6361789139602264-65">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-6361789139602264-66"> <ppc-content key="aNSm8z-v4401Z-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-6361789139602264-67">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-6361789139602264-68"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-6361789139602264-69"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-widget-element-6361789139602264-70"> <i class="icon icon-cancel" data-ph-id="ph-widget-element-6361789139602264-71"></i> <h3 data-ph-id="ph-widget-element-6361789139602264-72"> <ppc-content key="v4401Z-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-6361789139602264-73">Failure!</ppc-content> </h3> <p data-ph-id="ph-widget-element-6361789139602264-74"> <ppc-content key="v4401Z-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-6361789139602264-75">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-6361789139602264-76"> <ppc-content key="w2Atsc-v4401Z-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-6361789139602264-77">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-6361789139602264-78"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-6361789139602264-79"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-widget-element-6361789139602264-80"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-6361789139602264-81"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-6361789139602264-82"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-6361789139602264-83"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-6361789139602264-84"> <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-widget-element-6361789139602264-85"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-6361789139602264-86"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-6361789139602264-87"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-6361789139602264-88"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-6361789139602264-89"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-6361789139602264-90">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-widget-element-6361789139602264-91"> <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-widget-element-6361789139602264-92"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-6361789207595648-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-6361789207595648-2"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-widget-element-6361789207595648-3"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-6361789207595648-4"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="qGtFew-ph-social-share-v3-default-headingRole" aria-level="2" key-aria-level="qGtFew-ph-social-share-v3-default-headingLevelAria" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-widget-element-6361789207595648-5"> <ppc-content key="qGtFew-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-6361789207595648-6"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-widget-element-6361789207595648-7"> <ppc-content key="qGtFew-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-6361789207595648-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-6361789207595648-9"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-widget-element-6361789207595648-10"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-widget-element-6361789207595648-11"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-widget-element-6361789207595648-12"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-widget-element-6361789207595648-13"></i> <span class="sr-only" data-ph-id="ph-widget-element-6361789207595648-14"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-widget-element-6361789207595648-15">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="v4401Z" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView &amp;&amp; shareOption.isInline &amp;&amp; isShareEmailFound" original-view="view3" view="6361789139602264-view3" data-ph-id="ph-widget-element-6361789207595648-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="6361789139602264-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="v4401Z" original-view="view3" data-ph-id="ph-widget-element-6361789207595648-17"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-widget-element-6361789207595648-18"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-6361789207595648-19"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-6361789207595648-20"> <div class="head-wrapper" data-ph-id="ph-widget-element-6361789207595648-21"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-widget-element-6361789207595648-22"> <ppc-content key="qGtFew-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-6361789207595648-23">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="qGtFew-ph-social-share-v3-default-closeDialogAriaLabel" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-6361789207595648-24"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-widget-element-6361789207595648-25"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-widget-element-6361789207595648-26"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-6361789207595648-27"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-widget-element-6361789207595648-28"> <ppc-content key="qGtFew-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-6361789207595648-29">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-widget-element-6361789207595648-30"><ppc-content key="qGtFew-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-6361789207595648-31">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-widget-element-6361789207595648-32" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-widget-element-6361789207595648-33"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-6361789207595648-34"><ppc-content key="qGtFew-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-6361789207595648-35">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-widget-element-6361789207595648-36"><ppc-content key="qGtFew-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-6361789207595648-37">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-1699994121273-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-6361789322884180-2"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="rPXD9t-t2VuF9-ph-profile-recommendations-v2-default-widgetHeadingText" show.bind="!showLoader &amp;&amp; jobResults.length" data-ph-id="ph-widget-element-6361789322884180-3"> <div class="widget-container" data-ph-id="ph-widget-element-6361789322884180-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-6361789322884180-5"> <h2 data-ph-id="ph-widget-element-6361789322884180-6"> <ppc-content key="BcyoV1-t2VuF9-ph-profile-recommendations-v2-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-6361789322884180-7"> Profile recommendations </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-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-6361789322884180-10"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image &amp;&amp; eachJob.image.src)" instance-id="IiZsdk" data-ph-id="ph-widget-element-6361789322884180-11"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-6361789322884180-12"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-widget-element-6361789322884180-13"> <img if.bind="eachJob.image &amp;&amp; eachJob.image.src &amp;&amp; eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-widget-element-6361789322884180-14" /> </div> </figure> </div> <div class="${(eachJob.image &amp;&amp; eachJob.image.src || ( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-widget-element-6361789322884180-15"> <div class="information" data-ph-id="ph-widget-element-6361789322884180-16"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src)" data-ph-id="ph-widget-element-6361789322884180-17"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-6361789322884180-18"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-6361789322884180-19"> <img if.bind="eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src &amp;&amp; eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-widget-element-6361789322884180-20" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-widget-element-6361789322884180-21"> <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'top' &amp;&amp; (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-6361789322884180-22"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-6361789322884180-23"> <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-24"></i> <span class="tag-label" data-ph-id="ph-widget-element-6361789322884180-25">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig &amp;&amp; jobTagsConfig.layout &amp;&amp; jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-widget-element-6361789322884180-26"> <span class="featured-job" if.bind="eachJob.featuredJob &amp;&amp; (eachJob.featuredJob &amp;&amp; eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-6361789322884180-27"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig &amp;&amp; jobTagsConfig.tags) &amp;&amp; (jobTagsData &amp;&amp; jobTagsData[eachJob['jobSeqNo']] &amp;&amp; jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-widget-element-6361789322884180-28"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon &amp;&amp; eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-29"></i> <span class="tag-label" data-ph-id="ph-widget-element-6361789322884180-30">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="t2VuF9-ph-profile-recommendations-v2-IiZsdk-MAIQ5b-default-headingRole" aria-level="3" key-aria-level="t2VuF9-ph-profile-recommendations-v2-IiZsdk-MAIQ5b-default-headingAriaLevelValue" instance-id="IiZsdk-MAIQ5b" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-32"> <div if.bind="eachJob.title &amp;&amp; eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-6361789322884180-33"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-34">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-35"></i> <span data-ph-id="ph-widget-element-6361789322884180-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'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-6361789322884180-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 &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate &amp;&amp; ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.expiryDate)" class="${((eachAttr.name === 'location' &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-widget-element-6361789322884180-38"> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-6361789322884180-39"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-40">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-41"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-42">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-6361789322884180-43"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-44">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-45"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-46">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['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-6361789322884180-47"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-48">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-49"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-50"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-6361789322884180-51"></span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-6361789322884180-52">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-6361789322884180-53"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-54">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-55"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-56">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-6361789322884180-57"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-58">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-59"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-60">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-6361789322884180-61"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-62">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-63"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-64"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-6361789322884180-65"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-66">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-67"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-68"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-6361789322884180-69"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-70">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-71">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-72"></i> <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-6361789322884180-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-74">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-75">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-76">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-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'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-6361789322884180-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 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] &amp;&amp; (['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-6361789322884180-79"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-81"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-82"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-6361789322884180-83"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-6361789322884180-84"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-85">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-86"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-87">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (eachJob.multi_category.length > 1)" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-89"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-90"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-6361789322884180-91"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-6361789322884180-92"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-93">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-94"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-95">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-6361789322884180-96"> <span class="sr-only" data-ph-id="ph-widget-element-6361789322884180-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 &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-98"></i> <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-6361789322884180-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-100">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-101">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-102">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-103">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['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-6361789322884180-104"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-105">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-106"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-107"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-6361789322884180-108"></span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-6361789322884180-109">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-6361789322884180-110"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-111">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-112"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-113">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-6361789322884180-114"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-115">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-116"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-117">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-6361789322884180-118"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-119">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-120"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-121"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-6361789322884180-122"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-123">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-124"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-126"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 &amp;&amp; eachAttr.name == 'location') &amp;&amp; ((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-6361789322884180-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 === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="t2VuF9-ph-profile-recommendations-v2-IiZsdk-tvvWPM-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="IiZsdk-tvvWPM" data-ph-id="ph-widget-element-6361789322884180-128"> <span data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-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-6361789322884180-131"> <li class="location ${enabledFields &amp;&amp; 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-6361789322884180-132"> ${eachLocation} <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-6361789322884180-133"> <span if.bind="!enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-134">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" data-ph-id="ph-widget-element-6361789322884180-135">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-136"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-6361789322884180-137">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-138">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-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 &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-140">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-142"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 &amp;&amp; eachAttr.name == 'category') &amp;&amp; ((enabledFields['category'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-6361789322884180-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="t2VuF9-ph-profile-recommendations-v2-IiZsdk-37V2gc-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="IiZsdk-37V2gc" data-ph-id="ph-widget-element-6361789322884180-144"> <span data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-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-6361789322884180-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-6361789322884180-148"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] &amp;&amp; eachJob.smartHighlights" data-ph-id="ph-widget-element-6361789322884180-149"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-6361789322884180-150"> <span data-ph-id="ph-widget-element-6361789322884180-151"> <span class="sr-only" data-ph-id="ph-widget-element-6361789322884180-152"> <span if.bind="highLightKey == 'skills' &amp;&amp; widgetBundle['skills']" data-ph-id="ph-widget-element-6361789322884180-153">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' &amp;&amp; widgetBundle['education']" data-ph-id="ph-widget-element-6361789322884180-154">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-6361789322884180-155">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-6361789322884180-156">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' &amp;&amp; widgetBundle['experience']" data-ph-id="ph-widget-element-6361789322884180-157">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' &amp;&amp; widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-159"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-161"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-162"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-widget-element-6361789322884180-163"></p> <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'bottom' &amp;&amp; (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-6361789322884180-164"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-6361789322884180-165"> <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-166"></i> <span class="tag-label" data-ph-id="ph-widget-element-6361789322884180-167">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-widget-element-6361789322884180-168"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-6361789322884180-169"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-6361789322884180-170"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-6361789322884180-171"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' &amp;&amp; eachJob.externalApply &amp;&amp; !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-widget-element-6361789322884180-172"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-widget-element-6361789322884180-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 &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-174"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-6361789322884180-175"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-6361789322884180-176"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-177"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-widget-element-6361789322884180-178"> <ppc-content key="t2VuF9-ph-profile-recommendations-v2-IiZsdk-mCE4og-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="IiZsdk-mCE4og" data-ph-id="ph-widget-element-6361789322884180-179">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-6361789322884180-180"> <section class="ph-widget" instance-id="qGtFew" original-view="default" view="6361789207595648-default" data-ph-id="ph-widget-element-6361789322884180-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="6361789207595648-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="qGtFew" original-view="default" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-183"> <div class="savejob-checkbox" data-ph-id="ph-widget-element-6361789322884180-184"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-186" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-6361789322884180-187"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-188"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-189"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-191"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-192"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-193"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-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-6361789322884180-196"> <span class="sr-only" data-ph-id="ph-widget-element-6361789322884180-197">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-198"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-6361789322884180-199"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-widget-element-6361789322884180-200"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-202"> <div class="modal-dialog" data-ph-id="ph-widget-element-6361789322884180-203"> <div class="popup-content-block" data-ph-id="ph-widget-element-6361789322884180-204"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="t2VuF9-ph-profile-recommendations-v2-IiZsdk-2X513b-default-closePopupAriaLabelText" instance-id="IiZsdk-2X513b" data-ph-id="ph-widget-element-6361789322884180-205"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-206"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-6361789322884180-207"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="t2VuF9-ph-profile-recommendations-v2-IiZsdk-TxuxcJ-default-headingModalRole" key-aria-level="t2VuF9-ph-profile-recommendations-v2-IiZsdk-TxuxcJ-default-headingModalAriaLevel" instance-id="IiZsdk-TxuxcJ" data-ph-id="ph-widget-element-6361789322884180-208"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-6361789322884180-209"> <div class="job-location-count" data-ph-id="ph-widget-element-6361789322884180-210"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-6361789322884180-211"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-6361789322884180-212"> <li class="each-location ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-widget-element-6361789322884180-213"> <span data-ph-id="ph-widget-element-6361789322884180-214"> <i class="icon ${enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon" data-ph-id="ph-widget-element-6361789322884180-215"></i> </span> <span data-ph-id="ph-widget-element-6361789322884180-216"> ${eachLocation} </span> <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-widget-element-6361789322884180-217"> <span class="sr-only" data-ph-id="ph-widget-element-6361789322884180-218">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-219"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-6361789322884180-220">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-221">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-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 &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-223">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-6361789322884180-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 &amp;&amp; (enabledFields['category'] &amp;&amp; enabledFields['category'].settings &amp;&amp; enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-226"> <div class="modal-dialog" data-ph-id="ph-widget-element-6361789322884180-227"> <div class="popup-content-block" data-ph-id="ph-widget-element-6361789322884180-228"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="t2VuF9-ph-profile-recommendations-v2-IiZsdk-ticis6-default-closeCategoryPopupAriaLabelText" instance-id="IiZsdk-ticis6" data-ph-id="ph-widget-element-6361789322884180-229"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-230"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-6361789322884180-231"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="t2VuF9-ph-profile-recommendations-v2-IiZsdk-gNc6mq-default-headingModalRole" key-aria-level="t2VuF9-ph-profile-recommendations-v2-IiZsdk-gNc6mq-default-headingModalAriaLevel" instance-id="IiZsdk-gNc6mq" data-ph-id="ph-widget-element-6361789322884180-232"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-6361789322884180-233"> <div class="job-location-count" data-ph-id="ph-widget-element-6361789322884180-234"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-6361789322884180-235"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-6361789322884180-236"> <li class="each-category ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-widget-element-6361789322884180-237"> <span data-ph-id="ph-widget-element-6361789322884180-238"> <i class="icon ${enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon" data-ph-id="ph-widget-element-6361789322884180-239"></i> </span> <span data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-241"> <div aria-atomic="true" aria-live="assertive" instance-id="uwoo6e" data-ph-id="ph-widget-element-6361789322884180-242"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="t2VuF9-ph-profile-recommendations-v2-uwoo6e-LCzHxl-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="t2VuF9-ph-profile-recommendations-v2-uwoo6e-LCzHxl-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="t2VuF9-ph-profile-recommendations-v2-uwoo6e-LCzHxl-default-button-role-see-more" instance-id="uwoo6e-LCzHxl" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-244"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-245"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="t2VuF9-ph-profile-recommendations-v2-uwoo6e-8mzXp4-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="t2VuF9-ph-profile-recommendations-v2-uwoo6e-8mzXp4-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="t2VuF9-ph-profile-recommendations-v2-uwoo6e-8mzXp4-default-button-role-see-less" instance-id="uwoo6e-8mzXp4" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-247"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-248"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="t2VuF9-ph-profile-recommendations-v2-uwoo6e-qug8Ge-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="t2VuF9-ph-profile-recommendations-v2-uwoo6e-qug8Ge-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="t2VuF9-ph-profile-recommendations-v2-uwoo6e-qug8Ge-default-button-role-see-next" instance-id="uwoo6e-qug8Ge" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-250"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-251"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="t2VuF9-ph-profile-recommendations-v2-uwoo6e-4SX95x-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="t2VuF9-ph-profile-recommendations-v2-uwoo6e-4SX95x-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="t2VuF9-ph-profile-recommendations-v2-uwoo6e-4SX95x-default-button-role-see-evenmore" instance-id="uwoo6e-4SX95x" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-253"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-6361789322884180-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-6361789322884180-255"> <p data-ph-id="ph-widget-element-6361789322884180-256"> <ppc-content key="t2VuF9-ph-profile-recommendations-v2-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-6361789322884180-257"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1663479001885" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader &amp;&amp; !userConsentPopup" class="show-loader" data-ph-id="ph-page-element-page13-P0zebY"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-page-element-page13-POwCdX"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader &amp;&amp; !avoidBackDropFirstTime" data-ph-id="ph-page-element-page13-B3C1Nk"></div> <div class="content-block upload-resume-block ph-widget-box" phae-ally="aria-hidden#false" aria-hidden="${((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup) ? 'false' : 'true'}" show.bind="((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup)" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page13-H9YFid"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-jQQMOo"> <div class="upload-resume-tile" if.bind="!isLoggedIn &amp;&amp; (currentStep == 'chooseStep')" data-ph-id="ph-page-element-page13-ceOqlF"> <div class="widget-container" data-ph-id="ph-page-element-page13-NBUEPj"> <div class="upload-resume-tile-container" data-ph-id="ph-page-element-page13-TFO8EX"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-page-element-page13-KeaDSm"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-page-element-page13-mZYVQl"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-EEsgGG" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-rDGVe4" language-overriden="true">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-page-element-page13-nSDwSE"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-ADkTk4" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-L8PbZ4" language-overriden="true"><div><span class="ph-cc-ms-f-s-22 ph-cc-d-f-s-22 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:Isidora-Medium;">Get tailored job recommendations based on your interests.</span></span></div></ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-page-element-page13-ahvI26"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" phae="ph-find-your-fit-container-v1" phae-type="click" phae-main="1" aria-label="Get started for profile recommendations" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-Weq2Mo" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page13-9aj6EY"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-eR9Z2v" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page13-xMGe3j" language-overriden="true"><div><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:D-DINCondensed-Bold;">Get Started</span></span></div></ppc-content> </button> </div> </div> </div> </div> </div> <!-- show edit option--> <div class="post-login-resume-tile phcriticalhide" show.bind="isLoggedIn" data-ph-id="ph-page-element-page13-TDhVRX"> <div class="widget-container" data-ph-id="ph-page-element-page13-O0Bfjy"> <div class="post-login-resume-tile-container" data-ph-id="ph-page-element-page13-dQMpTN"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-page-element-page13-ylF0P7"> <div class="user-profile-icon fs-block" data-ph-id="ph-page-element-page13-U6anRY"> <span class="user-name-prefix" if.bind="!((preferredName &amp;&amp; profileData.preferredName) || profileData.firstName)" data-ph-id="ph-page-element-page13-n32H3S"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-page-element-page13-NjlJ1I"></i> </span> <span class="sr-only" data-ph-id="ph-page-element-page13-OAGAXj"> <span key="ph-find-your-fit-container-v1-default-ai89ra-63PiUT" data-ph-id="ph-page-element-page13-ovSQ2e" language-overriden="true"> profile icon </span> ${preferredName &amp;&amp; profileData.preferredName &amp;&amp; profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) || ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="preferredName &amp;&amp; profileData.preferredName || profileData.firstName" data-ph-id="ph-page-element-page13-MRCsiH"> ${preferredName &amp;&amp; profileData.preferredName &amp;&amp; profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) + profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" data-ph-id="ph-page-element-page13-XPMIUr"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="(preferredName &amp;&amp; profileData.preferredName) || profileData.firstName" data-ph-id="ph-page-element-page13-XsT7kP"> <span class="recom-text" data-ph-id="ph-page-element-page13-zxuouP">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName": preferredName &amp;&amp; profileData.preferredName || profileData.firstName}}</span> </div> <h2 class="user-profile-info phs-heading ph-a11y-after-close-focus-elem" tabindex="-1" if.bind="isProfileJobsAvailable != undefined" data-ph-id="ph-page-element-page13-xtR4Vd"> <span class="recom-text" data-ph-id="ph-page-element-page13-qfvsMO"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="ph-find-your-fit-container-v1-default-ai89ra-RHHs4t" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-w69SMu" language-overriden="true"><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:Isidora-Medium;">&nbsp; &nbsp;Your personalized site and job recommendations are ready</span>.</span></div></ppc-content> <ppc-content if.bind="!isProfileJobsAvailable &amp;&amp; !isCandidateHomeEnabled" key="ph-find-your-fit-container-v1-default-ai89ra-xU8po9" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-S60Ip2" language-overriden="true"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable &amp;&amp; isCandidateHomeEnabled &amp;&amp; isProfileDataExists" key="ph-find-your-fit-container-v1-default-ai89ra-q9aZHG" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-7UH2ol" language-overriden="true"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled &amp;&amp; !isProfileJobsAvailable &amp;&amp; !isProfileDataExists" key="ph-find-your-fit-container-v1-default-ai89ra-tfz7uF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-6SzYpp" language-overriden="true"> Currently we don’t have enough information to provide personalized job recommendations. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled &amp;&amp; (isActiveSession &amp;&amp; isAnonymous)" key="ph-find-your-fit-container-v1-default-ai89ra-igQofc" data-ph-id="ph-page-element-page13-d6MkKK" language-overriden="true"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-page-element-page13-yOpQ90">Sign up</a> <span data-ph-id="ph-page-element-page13-WWcHaD"> to save your personalized experience </span> </ppc-content> </span> </h2> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous) &amp;&amp; flowType == 'upload_resume'" data-ph-id="ph-page-element-page13-jjoF8S"> <div class="action-area-block" data-ph-id="ph-page-element-page13-B6iIdG"> <button class="edit-resume upload-action-btn ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-gwAPCs" data-ph-at-id="edit-link" data-ph-id="ph-page-element-page13-DLb0Cl"> <span class="error-icon" show.bind="isContactDetailsConfigured &amp;&amp; !(gdprConsent &amp;&amp; !savePersonalInfo) &amp;&amp; !resumeInfoConfirmation " data-ph-id="ph-page-element-page13-eTNthm"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page13-sv6bmV"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent &amp;&amp; !savePersonalInfo)" data-ph-id="ph-page-element-page13-S0cj1X"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page13-9FZyZU"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page13-GDCcME"> <span data-ph-id="ph-page-element-page13-Haa9fe">${profileData.resumeName &amp;&amp; (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName &amp;&amp; ('.'+profileData.resumeName.split('.').pop())} </span> <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-page-element-page13-18zWGd"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-page-element-page13-rP20UH"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page13-fvguGb"> <ul data-ph-id="ph-page-element-page13-U6o4u8"> <li if.bind="isContactDetailsConfigured &amp;&amp; !(gdprConsent &amp;&amp; !savePersonalInfo) &amp;&amp; !resumeInfoConfirmation" data-ph-id="ph-page-element-page13-LsldJw"> <button class="completeInfo-btn" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-odSjZT" click.delegate="openContactDetailsPopup()" data-ph-id="ph-page-element-page13-inPc0c"> <span class="button-text" data-ph-id="ph-page-element-page13-nTAEVX"> <span class="error-icon action-icon" data-ph-id="ph-page-element-page13-OLL9Ad"><i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page13-F7Xc4I"></i></span><ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-SY7ZbD" data-ph-id="ph-page-element-page13-cjgEBs" language-overriden="true"> Complete resume info </ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-page-element-page13-w6os5W"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-page-element-page13-1ClLvO"> <span class="action-icon" data-ph-id="ph-page-element-page13-lVLflW"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-page-element-page13-snKgv2"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-page-element-page13-F56vDb"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-page-element-page13-85iDYH"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-page-element-page13-ITYPXO" view="1663479001553-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="1663479001553-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-page-element-page13-UMz5Pz"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page13-8oRZLP"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" ph-tevent="new-resume" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-jrPZZB" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page13-KnZIIS"> <span class="action-icon" data-ph-id="ph-page-element-page13-RVUGak"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page13-5o8Ei4"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-s8HMp0" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page13-7MXy9O" language-overriden="true">Upload new </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin &amp;&amp; !isSiteLogin" data-ph-id="ph-page-element-page13-w5kD1K"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-page-element-page13-VGonCO"> <span class="action-icon" data-ph-id="ph-page-element-page13-tRV7G2"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page13-4hgIwC"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-page-element-page13-nT0ZyU"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page13-WkWhya"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page13-JhK4PJ"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page13-BBaxBB"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page13-N6FqT0"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-RdSbsu" data-ph-id="ph-page-element-page13-VBGgtt" language-overriden="true"> Connected </ppc-content> </span> <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="ph-find-your-fit-container-v1-default-ai89ra-ElvrCy" data-ph-id="ph-page-element-page13-1pn1n7"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-DsfNvH" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page13-nn3aY7" language-overriden="true"> Log out </ppc-content> </a> </div> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous) &amp;&amp; (flowType == 'find_your_fit' || (isAnonymous &amp;&amp; flowType == 'candidateProfile'))" data-ph-id="ph-page-element-page13-rlDzgI"> <div class="action-area-block" data-ph-id="ph-page-element-page13-Ds6tCm"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-xEKtpp" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-page-element-page13-lFVVqP"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-oRyQYC" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page13-ygPXHU" language-overriden="true"> Edit profile </ppc-content> </button> <div class="reset-block" data-ph-id="ph-page-element-page13-LgRocl"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin &amp;&amp; !isSiteLogin" aria-label="reset find your fit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-oGnjkB" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-page-element-page13-OIKXZO"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page13-xkqDb3"></i> <span data-ph-id="ph-page-element-page13-kf3LEm"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-2pABkJ" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-page-element-page13-5FA8pT" language-overriden="true"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page13-UvBOhk"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page13-igZpux"> <span class="sr-only" data-ph-id="ph-page-element-page13-nZY7kp">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page13-ZbQo3A"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page13-IScf7I"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-RdSbsu" data-ph-id="ph-page-element-page13-w9oM95" language-overriden="true"> Connected </ppc-content> </span> <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="ph-find-your-fit-container-v1-default-ai89ra-ElvrCy" data-ph-id="ph-page-element-page13-otLulT"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-DsfNvH" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page13-ANKbfl" language-overriden="true"> Log out </ppc-content> </a> </div> </div> </div> </div> <div class="action-area action-btn ph-a11y-action-btn" if.bind="!((isActiveSession &amp;&amp; isAnonymous) || !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-page-element-page13-IG8xb9"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" aria-label="start the job personalization" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-j7y06Y" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page13-IXr60S"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-eR9Z2v" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page13-ycR5Mb" language-overriden="true"><div><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:D-DINCondensed-Bold;">Get Started</span></span></div></ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous &amp;&amp; flowType == 'candidateProfile'" data-ph-id="ph-page-element-page13-1Y1Meb"> <div class="action-area-block" data-ph-id="ph-page-element-page13-srN1K6"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-xEKtpp" data-ph-id="ph-page-element-page13-G9qFrZ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-6bGvzO" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page13-cwFeTs" language-overriden="true"><div><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:D-DINCondensed-Bold;">Edit Profile</span></span></div></ppc-content> </a> </div> </div> </div> </div> </div> </div> <!--show upload resume and answer question --> <div show.bind="currentStep == 'uploadResume'" class="choose-ResumeOrSteps phcriticalhide" data-ph-at-id="upload-resume-and-steps-block" data-ph-id="ph-page-element-page13-qubEri"> <div class="widget-container" data-ph-id="ph-page-element-page13-dGFqdN"> <div class="inner-content" data-ph-id="ph-page-element-page13-42lmWD"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-page-element-page13-ss38mY"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-6JrCX2" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-sRPWNS" language-overriden="true"> Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-page-element-page13-e0Vehu"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-WRr9mu" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page13-gNADcL" language-overriden="true"> Either use your resume or tell us a little about yourself </ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-page-element-page13-jhzRnN"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-page-element-page13-IivMGb"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-page-element-page13-xv0L1g"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-YPz3uy" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page13-2ck0pD" language-overriden="true"> Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-page-element-page13-N9S4Ua"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-GDdehV" data-ph-at-id="or-text" data-ph-id="ph-page-element-page13-De8xnL" language-overriden="true"> or </ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" aria-hidden="${(resumeInfoPopup || userConsentPopup) ? 'true' : false}" data-ph-id="ph-page-element-page13-ZvCyMM"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-page-element-page13-uXNzKR" view="1663479001553-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="external-upload-resume-1709112526809" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-page-element-page13-SZiPJM"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-page-element-page13-aQW1ZU"> <p class="or-text" data-ph-id="ph-page-element-page13-4YGrdd"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-GDdehV" data-ph-at-id="or-text" data-ph-id="ph-page-element-page13-3uqzSy" language-overriden="true"> or </ppc-content> </p> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-desktop-link" data-ph-id="ph-page-element-page13-ZtFaP5"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-YPz3uy" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page13-Tod6bx" language-overriden="true"> Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-page-element-page13-FOIEBy"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page13-j4jHDw"> <input type="checkbox" checked.bind="isOptInChoosen" aria-checked="${isOptInChoosen?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="isOptinChanged()" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-pX8mG6" data-ph-id="ph-page-element-page13-JTyu1A"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page13-ReVL52"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page13-XHlWQl"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page13-ToqehW"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-pX8mG6" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page13-jspymo" language-overriden="true">Sign me up for company updates</ppc-content> </span> </input></label> </div> <button class="close" click.delegate="closePopup()" aria-label="Choose your path close" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-8IhjmD" data-ph-at-id="close-link" data-ph-id="ph-page-element-page13-Ln1a04"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page13-OfQhi9"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-page-element-page13-SBu3wo"> <span if.bind="chooseSteps" data-ph-id="ph-page-element-page13-Wb8Tuk"> Choose your path </span> </span> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-page-element-page13-WpU908"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page13-JhOFL0"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page13-qGEvKy"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-page-element-page13-H3NwzE"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeUserConsentPopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page13-ssBPrL"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page13-lgA8Ae"></i> </button> </div> <div class="modal-body" data-ph-id="ph-page-element-page13-56Emt6"> <h2 class="heading-block" data-ph-id="ph-page-element-page13-7OfW1I"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="ph-find-your-fit-container-v1-default-ai89ra-kgGDq1" data-ph-id="ph-page-element-page13-exePwP" language-overriden="true"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-page-element-page13-VVWgLP"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="ph-find-your-fit-container-v1-default-ai89ra-t8GL4M" data-ph-id="ph-page-element-page13-kakcnZ" language-overriden="true"> In order to process your resume and provide job recommendations you must agree to our privacy policy and terms of service </ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-page-element-page13-dTdlHG"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page13-HOdzbm"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page13-6VATDN"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-vN6MW6" aria-required="true" data-ph-id="ph-page-element-page13-g24Z7w"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page13-iQAg04"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page13-1dOd8A"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page13-WdJsDg"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai89ra-s2Oe9W" data-ph-id="ph-page-element-page13-3vqf1W" language-overriden="true"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-tSRO9w"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-oSDb9D">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page13-FHLsjb">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page13-pdvKBs"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai89ra-s2Oe9W" data-ph-id="ph-page-element-page13-3XUQPP" language-overriden="true"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-tSRO9w"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-oSDb9D">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page13-FHLsjb">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page13-OvDmYb"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-XjAnLw" data-ph-id="ph-page-element-page13-XShmNU" language-overriden="true"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-page-element-page13-eeyjUA"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page13-0rKSl0"> <input type="checkbox" checked.bind="savePersonalInfo" aria-checked="${savePersonalInfo?'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Save my resume and contact me for jobs that I may be a fit for" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-mzmJF1" data-ph-id="ph-page-element-page13-IGgV0c"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page13-yYbUti"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page13-eSizAV"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page13-uvxewl"> <ppc-content data-ph-at-id="checkbox-button-text" key="ph-find-your-fit-container-v1-default-ai89ra-yPZros" data-ph-id="ph-page-element-page13-Ufv97d" language-overriden="true">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-page-element-page13-k7ItQD"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page13-Metpa3"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfcont' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfcont' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" change.delegate="isButtonDisabled()" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page13-vHV0kB"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page13-WmBi5z"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page13-XluX5l"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page13-sTW6we"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page13-d2ycLD"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page13-elW8RP">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-ZmAuP0"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-page-element-page13-9IF7Oo"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button class="btn primary-button" disabled.bind="piiConsentData &amp;&amp; piiConsentData.length ? isDisabled : !acceptTerms" click.delegate="!isDisabled || acceptTerms ? submitResume() : false" ph-tevent="pii-consent-submit" data-ph-id="ph-page-element-page13-Bmlr3U"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-hCpNom" data-ph-id="ph-page-element-page13-mfydbX" language-overriden="true"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-page-element-page13-L3eWzy"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" aria-labelledby="resume-info-heading" aria-describedby="resume-info-subheading" data-ph-id="ph-page-element-page13-umDqwh"> <div class="modal-dialog resume-step" data-ph-id="ph-page-element-page13-ZXxKOw"> <button class="ph-a11y-popup-start-focus close" click.delegate="activeStep != 'cancel' ? changeActiveStep('cancel') : closeResumeInfoPopup()" aria-label="${widgetBundle['contactDetailsPopupCloseAriaLabel'] | pht }" data-ph-at-id="close-link" data-ph-id="ph-page-element-page13-IBtbqS"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page13-968yTn"></i> </button> <div class="modal-body" data-ph-id="ph-page-element-page13-r77hpr"> <!-- Contact Details area --> <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-page-element-page13-RaLPmB"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page13-77coPo"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page13-NCL8Dm"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-KomxD6"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-page-element-page13-QPGfat"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-page-element-page13-DezWjD"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-page-element-page13-tLoQ4A"> <div data-ph-id="ph-page-element-page13-ES3rr4"> <label for="preferredName" data-ph-id="ph-page-element-page13-c5kehl"> <span class="sr-only" data-ph-id="ph-page-element-page13-8B6v2O"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page13-22Fclk"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page13-b1YBbZ"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page13-Q1HZrg"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-J9xVvN"> <input type="text" class="form-control ph-a11y-form-control-config-preferred-name fs-block" id="preferredName" placeholder=" ${widgetBundle['contactDetailsAreaPreferredNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="contactDetails.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" aria-required="true" data-ph-id="ph-page-element-page13-OnewP9"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page13-gbLCFQ"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page13-BrdMvG"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page13-5gDOC6"> ${widgetBundle['contactDetailsAreaPreferredNameInputErrorText'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.preferredName.validField" aria-hidden="true" data-ph-id="ph-page-element-page13-VX2Ja8"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page13-FAPEHt"> <div data-ph-id="ph-page-element-page13-y32uvY"> <label for="name" data-ph-id="ph-page-element-page13-5kYGtD"> <span class="sr-only" data-ph-id="ph-page-element-page13-z0E3nY"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page13-unkl5T"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page13-Hg8u4g"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page13-in85Zg"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-kR1GgN"> <input type="text" class="form-control ph-a11y-form-control-config-name fs-block" id="name" placeholder=" ${widgetBundle['contactDetailsAreaNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-name-field-error" value.bind="contactDetails.name" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" aria-required="true" data-ph-id="ph-page-element-page13-8KRizV"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page13-LZRkXB"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page13-7qZNW8"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page13-uXJm15"> ${widgetBundle['contactDetailsAreaNameInputErrorText'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.name.validField" aria-hidden="true" data-ph-id="ph-page-element-page13-XY1msR"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page13-hePKXI"> <div data-ph-id="ph-page-element-page13-t3a2d1"> <label for="email" data-ph-id="ph-page-element-page13-EcVrhk"> <span class="sr-only" data-ph-id="ph-page-element-page13-ULEW3j"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page13-PNYAaw"> <span data-ph-at-id="email-text" data-ph-id="ph-page-element-page13-ggyv2K"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page13-iaH9rW"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-OkpTQ9"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder=" ${widgetBundle['contactDetailsAreaEmailPlaceholder'] | pht}" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-page-element-page13-SAdmnm"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page13-6Gi0db"> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page13-cZkRuN"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page13-iQQq0d"> ${widgetBundle['contactDetailsAreaEmailInputErrorText'] | pht} </span> </span> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page13-YgFfWn"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page13-oLZjwj"> ${widgetBundle['contactDetailsAreaEmailInputErrorCorrentFormat'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-page-element-page13-BlOJbu"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page13-ydSQnu"> <div data-ph-id="ph-page-element-page13-rUI1tU"> <label for="phone" data-ph-id="ph-page-element-page13-WeN8Sp"> <span class="sr-only" data-ph-id="ph-page-element-page13-WDk0oC"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page13-q7wFkH"> <span data-ph-at-id="phone-text" data-ph-id="ph-page-element-page13-3AOmk1"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-QC3twt"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="${widgetBundle['contactDetailsAreaPhonePlaceHolder'] | pht }" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page13-jxKohb"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code &amp;&amp; contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-page-element-page13-mJg5W8"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page13-WceTd9"> ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht} </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-page-element-page13-Lep8Qq"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-page-element-page13-w8gXXk"> <div data-ph-id="ph-page-element-page13-3mRReD"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-page-element-page13-K9a9DL"> <span data-ph-id="ph-page-element-page13-uy6QSX"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-page-element-page13-B0QBKW"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page13-TnKDGs"> <span data-ph-id="ph-page-element-page13-htVLIF"> ${widgetBundle['contactDetailsAreaSubmitBtnText'] | pht } </span> </button> </div> </div> </div> </div> </div> <!-- Cancel Popup area --> <div if.bind="activeStep == 'cancel'" class="cancel-contact-details" data-ph-at-id="cancel-contact-details-block" data-ph-id="ph-page-element-page13-PSCm1U"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page13-PamXns"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page13-LKozPK"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-CYGryp"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page13-VXoydW"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page13-CEqMpf"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-page-element-page13-z89EFy"> <div data-ph-id="ph-page-element-page13-eyUJWQ"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-page-element-page13-GRqopp"> <span data-ph-id="ph-page-element-page13-mLgGFx"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-page-element-page13-yGiMON"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-page-element-page13-Qztzqc"> <span data-ph-id="ph-page-element-page13-BomQId"> ${widgetBundle['resumeCancelPopupContinueBtn'] | pht} </span> </button> </div> </div> </div> </div> <!-- Job Title area --> <div if.bind="activeStep == 'jobTitles'" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page13-YuYYmN"> <div class="job-title-inner-wrapper" data-ph-id="ph-page-element-page13-dhmnLE"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page13-vVbs3C"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page13-6d1H7i"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-page-element-page13-2I0NOT"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-page-element-page13-6O923K"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page13-qIAh5m"> <div class="input-group" data-ph-id="ph-page-element-page13-fmlSIG"> <input type="text" id="jobTitle" aria-haspopup="listbox" aria-owns="jobTitle-list" class="form-control search-box" name="jobTitles" showresultsonfocus="false" ph-a11y-autocomplete="" data-ph-autocomplete-input="jobTitle" autocomplete="off" placeholder="${widgetBundle['resumeJobTitleSearchPlaceholder'] | pht}" aria-autocomplete="list" aria-controls="jobTitle-list" aria-labelledby="job-title-label" value.bind="resumeInfo.jobTitles.value" data-ph-at-id="input-search-box" data-ph-id="ph-page-element-page13-uzdcUk" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page13-7Jnf7q"></i> </div> <ul role="listbox" aria-labelledby="jobTitle-list" id="jobTitle-list" class="results-list search-dropdown-list" show.bind="resumeInfo.jobTitles.showDropdown" data-ph-at-id="suggested-data-list" aria-label="${widgetBundle['resumeJobTitleSuggestionAriaLabel'] | pht }" data-ph-at-data-count=" ${resumeInfo.jobTitles.searchTitles.length}" tabindex="-1" data-ph-id="ph-page-element-page13-pdaXlT"> <li role="option" repeat.for="eachTitle of resumeInfo.jobTitles.searchTitles" class="results-listitem ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${resumeInfo.jobTitles.selectedTitles.indexOf(eachTitle.title) != -1 ?'selected':''}" id="jobTitle-result-item-${$index}" aria-label="${eachTitle.title}" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-page-element-page13-RhAS5L"> </li> <li class="search-noresults" if.bind="!resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value" data-ph-at-id="no-suggested-results" data-ph-id="ph-page-element-page13-Z85kWu"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-UISAxA"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value &amp;&amp; resultUpdated" data-ph-id="ph-page-element-page13-ZAi8g2"> <span data-ph-id="ph-page-element-page13-4OISxw"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value &amp;&amp; resultUpdated" data-ph-id="ph-page-element-page13-2X5D3i"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.jobTitles.searchTitles.length} ${resumeInfo.jobTitles.searchTitles.length &gt; 1 ? widgetBundle['resumeJobTitlePlural'] : widgetBundle['resumeJobTitleSingular']} </div> </div> </div> </div> </div> <div show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-block selected-titles-block" data-ph-at-id="selectedtitles-block" data-ph-id="ph-page-element-page13-9Vcave"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-page-element-page13-Jmcp5L"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page13-0MdvI9"> <h3 class="job-titles-heading" data-ph-id="ph-page-element-page13-lFA36T"> ${widgetBundle['resumeJobTitleSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-list ph-common-slection-area" id="selected-titles" ph-role="data.bind:resumeInfo.jobTitles.selectedTitles" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'list' : false}" data-ph-at-id="selected-title-list" data-ph-at-data-count="${resumeInfo.jobTitles.selectedTitles.length}" data-ph-id="ph-page-element-page13-AWxiuo"> <li class="each-tag" show.bind="resumeInfo.jobTitles.selectedTitles.length" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'listitem' : false}" repeat.for="selectedTitle of resumeInfo.jobTitles.selectedTitles" data-ph-at-id="selected-data-list-item" data-ph-id="ph-page-element-page13-FaAQK4"> ${selectedTitle} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('jobTitles',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedTitle}" data-ph-at-id="title-delete-link" data-ph-at-title-name-text="${selectedTitle}" data-ph-id="ph-page-element-page13-bGVOVe"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page13-WnpBrt"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page13-02tEDb"> <div class="skills-inner-wrapper" data-ph-id="ph-page-element-page13-qvSAod"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page13-Rh2dz6"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page13-LMA1nj"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-page-element-page13-tKzYhn"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page13-fHlrqr"> <div class="input-group" data-ph-id="ph-page-element-page13-ar49LA"> <input type="text" aria-haspopup="listbox" aria-owns="skills-list" class="form-control search-box" placeholder="${widgetBundle['resumeSkillSetSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-autocomplete="list" aria-controls="skills-list" value.bind="resumeInfo.skills.value" data-ph-at-id="input-search-box" aria-labelledby="search-skill-label" data-ph-id="ph-page-element-page13-MgPF3u" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page13-prKdVZ"></i> </div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown &amp;&amp; resumeInfo.skills.value" data-ph-at-id="suggested-data-list" id="skills-list" aria-labelledby="skills-list" aria-label="${widgetBundle['resumeSkillSetSuggestionAriaLabel'] | pht }" data-ph-at-data-count="${resumeInfo.skills.skillsList.length}" tabindex="-1" data-ph-id="ph-page-element-page13-Skk4rL"> <li role="option" repeat.for="eachSkill of resumeInfo.skills.skillsList" class="results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index} ${(resumeInfo.skills.selectedSkills.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="skills-result-item-${$index}" aria-label="${eachSkill.skill}" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-page-element-page13-s1pE2Y"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown" data-ph-id="ph-page-element-page13-l4J7wa"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-vyzcep"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-page-element-page13-ilgFDC"> <span data-ph-id="ph-page-element-page13-0Ccy2I"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-page-element-page13-UOJH6J"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.skills.skillsList.length} ${resumeInfo.skills.skillsList.length &gt; 1 ? widgetBundle['resumeSkillSetPlural'] : widgetBundle['resumeSkillSetSingular']} </div> </div> <div show.bind="resumeInfo.skills.selectedSkills.length > 0" class="tags-block" data-ph-at-id="selectedskills-block" data-ph-id="ph-page-element-page13-p9mrXt"> <a href="javascript:void(0);" class="skip-selected each-tag" click.delegate="handleSkip(true)" if.bind="resumeInfo.skills.selectedSkills.length > 10" data-ph-id="ph-page-element-page13-CLwmtx"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page13-MrmTlM"> <h3 class="skills-heading" data-ph-id="ph-page-element-page13-bQRoKs"> ${widgetBundle['resumeSkillSetSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.skills.selectedSkills.length > 0" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-skills" data-ph-at-id="selected-data-list" tabindex="-1" ph-role="data.bind:resumeInfo.skills.selectedSkills" data-ph-at-data-count="${resumeInfo.skills.selectedSkills.length}" data-ph-id="ph-page-element-page13-HTCWIz"> <li class="each-tag" show.bind="resumeInfo.skills.selectedSkills.length" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'listitem' : false}" repeat.for="selectedSkill of resumeInfo.skills.selectedSkills" data-ph-at-id="selected-data-list-item" data-ph-id="ph-page-element-page13-K7RSOs"> ${selectedSkill} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('skills',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedSkill}" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${selectedSkill}" data-ph-id="ph-page-element-page13-VquRtT"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page13-xTIKyd"></i> </a> </li> </ul> </div> <div class="tags-block" if.bind="resumeInfo.skills.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${resumeInfo.skills.suggestedSkills.length}" data-ph-id="ph-page-element-page13-DW34HK"> <div data-ph-id="ph-page-element-page13-bFCuSE"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-page-element-page13-HAsjdf"> ${widgetBundle['resumeSkillSetSuggestedHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.skills.suggestedSkills.length > 0" ph-role="data.bind:resumeInfo.skills.suggestedSkills" class="tags-list suggestions-list" id="suggested-skills" data-ph-id="ph-page-element-page13-Q6QX7B"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-page-element-page13-I4QWEU"> <button class="suggestions-btn" role="link" click.delegate="resumeInfo.selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['resumeAddText'] | pht } ${eachSkill.skill}" data-ph-id="ph-page-element-page13-GEMiW2"> <span data-ph-id="ph-page-element-page13-tGHi3v">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page13-sQsXco"></i> </button> </li> </ul> </div> </div> </div> </div> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page13-wNQ5Vq"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page13-Vm38vO"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page13-3u8Ffw"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page13-RziuZb"> ${widgetBundle['resumeExperienceSubHeading'] | pht } </p> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${resumeInfo.experienceData.length}" data-ph-id="ph-page-element-page13-f4C0sk"> <legend class="sr-only" data-ph-id="ph-page-element-page13-RS7xrw"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-page-element-page13-JO3JCk"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-page-element-page13-5KQScU"> <input name="experience" model.bind="exp" id="exp_${$index}" checked.bind="resumeInfo.workExperience.selectedExp" type="radio" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-page-element-page13-4aGP0c" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-page-element-page13-MR6CVw"> <span data-ph-id="ph-page-element-page13-xWqVXt">${exp.displayName} </span> <span data-ph-id="ph-page-element-page13-Fv9x3M"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </span> </div> </fieldset> </div> </div> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page13-QGC9n7"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page13-l3ZwN3"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page13-UdyYAC"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page13-ABeGjW"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-page-element-page13-GmE2Cq"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-page-element-page13-TNtmBg"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-page-element-page13-vb2qLe"> <input type="text" aria-haspopup="listbox" aria-owns="locations-list" class="location ph-a11y-location-box" placeholder="${widgetBundle['resumeLocationSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="preferredLocation" name="preferredLocation" data-ph-autocomplete-input="locations" autocomplete="off" aria-autocomplete="list" aria-controls="locations-list" value.bind="resumeInfo.preferredLocation.value" data-ph-at-id="input-search-box" aria-labelledby="preferred-location-label" data-ph-id="ph-page-element-page13-aOs6r7" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page13-Ygcmoh"></i> </div> <ul role="listbox" class="combobox-results-list search-dropdown-list" show.bind="resumeInfo.preferredLocation.showLocationDropdown" data-ph-at-id="suggested-data-list" id="locations-list" aria-labelledby="locations-list" aria-label="${widgetBundle['resumeLocationSuggestionAriaLabel'] | pht}" data-ph-at-data-count="${resumeInfo.preferredLocation.locationsList.length}" tabindex="-1" data-ph-id="ph-page-element-page13-HEk1Uq"> <li role="option" repeat.for="eachLocation of resumeInfo.preferredLocation.locationsList" class="combobox-results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index} ${(resumeInfo.preferredLocation.selectedLocations.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ?'selected':''}" id="preferredLocation-result-item-${$index}" data-ph-at-id="suggested-data-list-item" aria-label="${eachLocation.location_display}" data-ph-at-locations-name-text="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page13-TbbAdW"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown" data-ph-id="ph-page-element-page13-enhVq3"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-urj3lI"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-page-element-page13-Fz6WU1"> <span data-ph-id="ph-page-element-page13-XLo1VB"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </span> </div> <div class="sr-only" if.bind="resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-page-element-page13-Xcbqk5"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.preferredLocation.locationsList.length} ${resumeInfo.preferredLocation.locationsList.length &gt; 1 ? widgetBundle['resumeLocationPlural'] : widgetBundle['resumeLocationSingular']} </div> </div> </div> <div show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" class="tags-block selected-locations-block" data-ph-at-id="selectedlocations-block" data-ph-id="ph-page-element-page13-KRSjPp"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-page-element-page13-4i67Yt"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page13-JKxjBR"> <h3 class="location-heading" data-ph-id="ph-page-element-page13-guYqCU"> ${widgetBundle['resumeLocationSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-locations" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${resumeInfo.preferredLocation.selectedLocations.length}" data-ph-id="ph-page-element-page13-Rtbskt"> <li class="each-tag" show.bind="resumeInfo.preferredLocation.selectedLocations.length" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'listitem' : false}" repeat.for="selectedLocation of resumeInfo.preferredLocation.selectedLocations" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page13-5e5mc8"> ${selectedLocation} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('preferredLocation',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedLocation}" data-ph-at-id="location-delete-link" data-ph-at-location-name-text="${selectedLocation}" data-ph-id="ph-page-element-page13-G40n0B"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page13-xQmfU7"></i> </a> </li> </ul> </div> </div> </div> <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' &amp;&amp; activeStep != 'cancel'" data-ph-id="ph-page-element-page13-VDqJqP"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-page-element-page13-T0v7KR"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-page-element-page13-dD5gyy"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-page-element-page13-y48ZV7"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-page-element-page13-OZoJeu"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-page-element-page13-PwQuCI"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-page-element-page13-VzXQ3Z"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-page-element-page13-YfrY1u"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-page-element-page13-yp9on5"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-fzzNAO"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page13-5L1GTU"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-page-element-page13-lp1JWr"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" show.bind="isDialogOpen" aria-label.bind="isDeleteResume? 'reset personalization' : ''" data-ph-id="ph-page-element-page13-Dhd3M7"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-page-element-page13-ruM3as"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-page-element-page13-iC43L5"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format resume popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-C01j7M" data-ph-at-id="close-link" data-ph-id="ph-page-element-page13-7yYOBe"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page13-qpWuHA"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-page-element-page13-tSD7rf"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-page-element-page13-Jjz605"></i> <span key="ph-find-your-fit-container-v1-default-ai89ra-t7MzjU" class="sr-only" data-ph-id="ph-page-element-page13-c9dX2X" language-overriden="true">Failure icon</span> </div> <div data-ph-id="ph-page-element-page13-1C1tKa"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-page-element-page13-baGVZx"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-2CPahF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-My8gCB" language-overriden="true"> Oops invalid format... </ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-page-element-page13-AlSHRO"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-LNdQbW" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-NAlPty" language-overriden="true"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-page-element-page13-Lo25mC"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-zt4AjX" data-ph-at-id="description-text" data-ph-id="ph-page-element-page13-R5IiGA" language-overriden="true"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported &amp;&amp; limitExceeded &amp;&amp; widgetBundle['uploadFileSizeError']" data-ph-id="ph-page-element-page13-xuzEPd"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported &amp;&amp; ((limitExceeded &amp;&amp; !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page13-kLUMux"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-TzjDnW" data-ph-at-id="description-text" data-ph-id="ph-page-element-page13-DlQKI4" language-overriden="true"> Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported &amp;&amp; ((limitExceeded &amp;&amp; !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page13-oPsV9j"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-0LCC4v" data-ph-at-id="error-text" data-ph-id="ph-page-element-page13-92Qg5Z" language-overriden="true"> Please try to upload your resume again </ppc-content> </p> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page13-AvgE8a"> <div class="upload-again" data-ph-id="ph-page-element-page13-d7cwoA"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page13-sOyzLf" view="1663479001564-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="1663479001564-upload-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="" data-ph-id="ph-page-element-page13-AhnhJY"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page13-ewzwDf"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page13-VVkKAu"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-v90xvZ" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page13-hAtCOb" language-overriden="true">Try again</ppc-content> </button> </div> </div> </section> </div> </div> </div> </div> <div if.bind="contactDetailsPopup" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-page-element-page13-c824Il"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact details popup Close" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-xrh9SW" data-ph-at-id="close-link" data-ph-id="ph-page-element-page13-3roRaE"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page13-Eef150"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page13-sW5oKq"> <p if.bind="!contactDetailsFailure &amp;&amp; contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-page-element-page13-x9zi10"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-page-element-page13-7ARLgn"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-Rmt0yn" data-ph-at-id="description-error-text" data-ph-id="ph-page-element-page13-fiy1R8" language-overriden="true"> Sorry ! Something went wrong, please try again in a few minutes </ppc-content> </p> <h2 if.bind="contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page13-UyFkyf"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-roEfTe" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-pVbvm2" language-overriden="true"> But we noticed below information is missing from it. <br data-ph-id="ph-page-element-page13-ikFbDY" /> Please complete the following: </ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page13-SxL3Hp"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-CM1pdr" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-CQFF5A" language-overriden="true"> We noticed below information is missing from it. <br data-ph-id="ph-page-element-page13-Y1g3cj" /> Please complete the following: </ppc-content> </h2> <div data-ph-id="ph-page-element-page13-lmHb8q"> <form role="form" aria-label="contact details" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-o7MFwU" data-ph-id="ph-page-element-page13-SokmAo"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page13-3F2Fqq"> <div data-ph-id="ph-page-element-page13-Jk8jtP"> <label for="email" data-ph-id="ph-page-element-page13-Jk4zzG"> <span key="ph-find-your-fit-container-v1-default-ai89ra-xPIX67" class="sr-only" data-ph-id="ph-page-element-page13-wqmfbU" language-overriden="true"> Email </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page13-vmwAqR"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-xPIX67" data-ph-at-id="email-text" data-ph-id="ph-page-element-page13-6HgZQz" language-overriden="true"> Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-EZDWoq"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="[email protected]" key-placeholder="ph-find-your-fit-container-v1-default-ai89ra-YwvmIe" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-page-element-page13-qT8eWf"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page13-HZrNVm"> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page13-0QjToL"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-k1q9be" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page13-2VPPLQ" language-overriden="true"> Email should not empty </ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page13-x9cwt1"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-rDB9ve" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page13-4BIsFK" language-overriden="true"> Enter a vaild email adress </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-page-element-page13-PdanBu"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page13-GH4VI6"> <div data-ph-id="ph-page-element-page13-hvrvzR"> <label for="phone" data-ph-id="ph-page-element-page13-5Yumgq"> <span key="ph-find-your-fit-container-v1-default-ai89ra-MY8UVV" class="sr-only" data-ph-id="ph-page-element-page13-lBSQWC" language-overriden="true">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page13-1Mv3Pm"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-EzYtlx" data-ph-at-id="phone-text" data-ph-id="ph-page-element-page13-I0EyVd" language-overriden="true"> Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-4DxtAX"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="ph-find-your-fit-container-v1-default-ai89ra-AdSJeQ" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page13-fS9FgZ"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code &amp;&amp; contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-page-element-page13-HJulsz"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-e2m7ns" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page13-eYuHaO" language-overriden="true"> Please enter correct phone number </ppc-content> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-page-element-page13-Buera3"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-page-element-page13-ki3dFz"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page13-5ZUbPF"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-2aswk6" data-ph-id="ph-page-element-page13-vqwzF8" language-overriden="true"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="user-signin-area" if.bind="currentStep == 'userSignIn' &amp;&amp; !showLoader &amp;&amp; isAnonymous" data-ph-id="ph-page-element-page13-1OndeS"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login popup Close" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-jZ4eLe" data-ph-at-id="close-link" data-ph-id="ph-page-element-page13-r7fTYu"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page13-04AEHy"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-page-element-page13-jG19bJ"> <div class="upload-cv-status-area" if.bind="contactDetailsFirstTime" data-ph-at-id="success-block" data-ph-at-filename-text="${profileData.resumeName}" data-ph-id="ph-page-element-page13-1Tpu9G"> <p data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page13-ZA7X5p"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired &amp;&amp; isAnonymous &amp;&amp; !disableSocialLogin" data-ph-id="ph-page-element-page13-DinCyc"> <h2 class="phs-heading" data-ph-id="ph-page-element-page13-QAqKrf"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-JI1Hzv" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-XzKk5A" language-overriden="true"> Sign in and keep your data for future visits </ppc-content> </h2> <section class="ph-widget" data-ph-id="ph-page-element-page13-l6fKLm" view="1663479001564-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="view4-1709112549953" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-page-element-page13-77UW8O"></div> </section> <div class="signin-info" data-ph-id="ph-page-element-page13-bfIkqV"> <span data-ph-id="ph-page-element-page13-LQjzGo"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page13-julwKx"></i> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-rW9KRR" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-page-element-page13-LXxsXT" language-overriden="true"> We never post anything without your permission </ppc-content> </span> </div> </div> </div> </div> <div class="social-signin-area" if.bind="currentStep == 'userSignIn' &amp;&amp; !showLoader &amp;&amp; !isAnonymous" data-ph-id="ph-page-element-page13-8eYSpY"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-page-element-page13-okWnXq"> <div class="failure-img-block" data-ph-id="ph-page-element-page13-jSffcH"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-page-element-page13-NKQQdK"></i> <span key="ph-find-your-fit-container-v1-default-ai89ra-dDcnbI" class="sr-only" data-ph-id="ph-page-element-page13-kL38YQ" language-overriden="true">success icon </span></div> <div data-ph-id="ph-page-element-page13-J7G2iw"> <h3 class="heading" data-ph-id="ph-page-element-page13-Kymhz4"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-zCe3Dm" data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page13-RZHc4f" language-overriden="true"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-page-element-page13-QVHRya"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-7Nnoc7" data-ph-at-id="sucess-desc1" data-ph-id="ph-page-element-page13-GZAhWf" language-overriden="true"> Your file is successfully uploaded </ppc-content> </div> <div class="p-text" data-ph-id="ph-page-element-page13-sP0AJW"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-9NFLYc" data-ph-at-id="sucess-desc2" data-ph-id="ph-page-element-page13-Wve8N7" language-overriden="true"> Enjoy your personalized jobs </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page13-LxcLfI"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file upload success popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-ujTKNg" data-ph-at-id="close-link" data-ph-id="ph-page-element-page13-xggSlw"> <span class="btn primary-button" data-ph-id="ph-page-element-page13-2jfhNE"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-RrnQHK" data-ph-at-id="close-link-text" data-ph-id="ph-page-element-page13-glt4Oh" language-overriden="true"> Close </ppc-content> </span> </button> </div> </div> </div> </div> <div if.bind="isDeleteResume" class="upload-delete" data-ph-at-id="upload-delete-block" data-ph-id="ph-page-element-page13-aWWZJI"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-w7P7T2" data-ph-at-id="close-link" data-ph-id="ph-page-element-page13-OhLy3Z"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page13-cwsLT4"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-page-element-page13-N3Refj"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-page-element-page13-RUWD4U"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-default-ai89ra-7SuKT2" data-ph-id="ph-page-element-page13-wzbzEP" language-overriden="true">reset icon</span> </div> <div data-ph-id="ph-page-element-page13-9zgTFT"> <div class="p-text" data-ph-id="ph-page-element-page13-ZbP1VO"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-BiyDxC" data-ph-at-id="description-text" data-ph-id="ph-page-element-page13-T4OJEy" language-overriden="true"> By resetting personalization <br data-ph-id="ph-page-element-page13-uVmOJH" />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-page-element-page13-k5Zr3u"> <div class="delete-link" data-ph-id="ph-page-element-page13-xMDmLA"> <button class="btn warning-button" aria-label="Reset" key-aria-label="ph-find-your-fit-container-v1-default-ai89ra-MgWoW2" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-page-element-page13-HM3O39"> <ppc-content key="ph-find-your-fit-container-v1-default-ai89ra-P58Qm0" data-ph-id="ph-page-element-page13-VpsxgB" language-overriden="true"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="6ty93o" if.bind="isFyfEnabled" data-ph-id="ph-page-element-page13-1m4sce" view="1663479001577-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="1663479001577-default" original-view="default" data-ph-id="ph-page-element-page13-b8TaHW"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page13-ww7GHV"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page13-kP84z7"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-page-element-page13-eLVntf" view="1663479001835-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-1709113450027" instance-id="fyf2" original-view="default" data-ph-id="ph-page-element-page13-Hjh5Jr"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-R1ZRgh"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-page-element-page13-C67j7R"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-page-element-page13-aFZuIa"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1663479001553-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page13-8oRZLP"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" ph-tevent="new-resume" key-aria-label="ph-import-resume-v1-re-upload-fyf3jd-adAXHz" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page13-KnZIIS"> <span class="action-icon" data-ph-id="ph-page-element-page13-RVUGak"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page13-5o8Ei4"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload-fyf3jd-AzFTx7" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page13-7MXy9O">Upload new </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1663479001564-upload-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page13-ewzwDf"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page13-VVkKAu"> <ppc-content key="ph-import-resume-v1-upload-new--jiAOjA" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page13-hAtCOb"> Try again </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-1663479001577-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page13-p8sQRZ"> <div class="widget-container" data-ph-id="ph-page-element-page13-8IbW1r"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page13-3lxN7k"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-page-element-page13-cmLdwj"> <div class="fyf-step-block" data-ph-id="ph-page-element-page13-q7qTP6"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-rp88MH"> </div> <!--Start FYF Start Area --> <!-- Authorise Step --> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page13-ZBYuvz"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-page-element-page13-KmqYGt"> <div class="heading-block" data-ph-id="ph-page-element-page13-ixAloY"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page13-yxbr6B"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-kRg7Oc" data-ph-id="ph-page-element-page13-Tfi547"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-page-element-page13-K4BvP7"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page13-DQ9BZn"></i> <span data-ph-id="ph-page-element-page13-2CIiRT"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-EJEI3o" data-ph-id="ph-page-element-page13-P4liFF"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </span> </div> </div> <section class="ph-widget" instance-id="7uyy7u" data-ph-id="ph-page-element-page13-jhohxj"> <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="view5-1709113522169" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-page-element-page13-v1U53L"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page13-xa4cQP"> <div class="prev" data-ph-id="ph-page-element-page13-oEcyG8"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-R3q6CG" data-ph-at-id="back-link" data-ph-id="ph-page-element-page13-JESCM4"> <span data-ph-id="ph-page-element-page13-ZZBFvk"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page13-tGx3a2"></i> </span> </a> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' &amp;&amp; !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-page-element-page13-GKi6Gk"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page13-2YdBYT"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page13-5sS8gU"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page13-hBnD49"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-iJhIHX" data-ph-at-id="error-text" data-ph-id="ph-page-element-page13-Y8Fdvr">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfCategories" tabindex="-1" data-ph-id="ph-page-element-page13-1JOVA0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ZSMcwy" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-5rUnbK">What are you interested in?</ppc-content> </h2> </div> <fieldset class="categories-block" tabindex="-1" data-ph-at-id="categories-block" data-ph-at-data-count="stepData.categories.length" data-ph-id="ph-page-element-page13-IfzcZP"> <legend class="sr-only" data-ph-id="ph-page-element-page13-HEpoSS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-PVCwDB" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-G91Ugz">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-page-element-page13-9uwWze"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-5jnxF9" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page13-XPS6Zd">No Categories. </ppc-content> </div> <label if.bind="!noCategories" repeat.for="eachCategory of stepData.categories" class="cat-label" title="${eachCategory.category}" data-ph-id="ph-page-element-page13-nLPqoq"> <input model.bind="eachCategory.category" checked.bind="fyfStepConfig.categories.selectedCategories" type="checkbox" change.delegate="eachCategory.isChecked = !eachCategory.isChecked" aria-label="${eachCategory.category}" aria-checked="${eachCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="categories-link" data-ph-at-category-text="${eachCategory.category}" data-ph-id="ph-page-element-page13-BZJBGH" /> <span class="cat-text" data-ph-id="ph-page-element-page13-rZoZyu">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-page-element-page13-y3p5vy"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page13-FpN0NJ"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page13-wdyYTI"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page13-2HN9ca"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page13-uypkwo"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-jHvS0K" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-0hHNuB">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-jGwsR8" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-jOyIC6">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page13-UJwLky"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-p1PjRD" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page13-fy0zST">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page13-tdEJEJ"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-IUueA9" data-ph-at-id="back-link" data-ph-id="ph-page-element-page13-rEGQU5"> <span data-ph-id="ph-page-element-page13-Oe1qqg"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page13-XiGZZg"></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' &amp;&amp; !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-page-element-page13-8g1qFP"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page13-nETaNS"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page13-JjsPkP"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page13-Xij6eM"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-udtgNM" data-ph-at-id="error-text" data-ph-id="ph-page-element-page13-56s1J7">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-sub-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfSubCategories" tabindex="-1" data-ph-id="ph-page-element-page13-pzfij6"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-BX44F3" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-BoSxp2">What are you interested in?</ppc-content> </h2> </div> <div class="sub-categories-block" data-ph-at-id="sub-categories-block" data-ph-at-data-count="stepData.subCategories.length" role="group" key-role="ph-find-your-fit-v1-default-6ty93o-jITAw5" aria-labelledby="phFyfSubCategories" data-ph-id="ph-page-element-page13-zDgflG"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-page-element-page13-Edt9t3"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-wdmAMr" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page13-bZE9Q9">No Sub Categories. </ppc-content> </div> <label if.bind="!nosubCategories" repeat.for="eachSubCategory of stepData.subCategories" class="cat-label" title="${eachSubCategory.subCategory}" data-ph-id="ph-page-element-page13-xVRCUU"> <input model.bind="eachSubCategory.subCategory" checked.bind="fyfStepConfig.subCategories.selectedSubCategories" type="checkbox" change.delegate="eachSubCategory.isChecked = !eachSubCategory.isChecked" aria-label="${eachSubCategory.subCategory}" aria-checked="${eachSubCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="subCategories-link" data-ph-at-subcategory-text="${eachSubCategory.subCategory}" data-ph-id="ph-page-element-page13-wT5QHV" /> <span class="cat-text" data-ph-id="ph-page-element-page13-zdPUeU">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-page-element-page13-NrqMpN"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page13-uGlRpg"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page13-CY4yTO"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page13-bu7suH"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page13-wyqMtR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-oZG45L" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-NuEiR9">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-laQYUF" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-nNDhaM">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page13-vPIeJF"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-1vFpgJ" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page13-qklJ6l">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page13-GT3jjC"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-bfxRei" data-ph-at-id="back-link" data-ph-id="ph-page-element-page13-QwUIde"> <span data-ph-id="ph-page-element-page13-UAcwUJ"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page13-TEE17j"></i> </span> </a> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-page-element-page13-VHOojm"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page13-U0z1uW"> <!-- <div class="ph-a11y-fyf-step-block" tabindex="-1"> <span class="sr-only" aria-hidden="true">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page13-4H6u2a"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page13-B0HzbB"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-lo8AP0" data-ph-at-id="error-text" data-ph-id="ph-page-element-page13-VfKBEq">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-jobTitle" class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page13-RLndbY"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-KJirkZ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-VLwyur">What is your most recent job title?</ppc-content> </h2> </div> <div class="recent-title-block" data-ph-at-id="recenttitle-block" data-ph-id="ph-page-element-page13-4fiXOr"> <label for="recentTitles" data-ph-id="ph-page-element-page13-B1ARGM"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-page-element-page13-tnG2wa"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Gj1rqk" data-ph-id="ph-page-element-page13-E9bmjb"> <input type="text" class="search-box ${fyfStepConfig.recentTitle.flag ? 'disabled':''}" id="recentTitles" name="recentTitles" showresultsonfocus="false" ph-a11y-autocomplete="" aria-label="Search for Job title" key-aria-label="ph-find-your-fit-v1-default-6ty93o-rYyhh8" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" aria-labelledby="ph-fyf-jobTitle" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-page-element-page13-xU8UZI"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.recentTitle.value.length" focus.trigger="setFocusField('recentTitles')" blur.trigger="setFocusField('recentTitles',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-q6EpMR" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page13-4R0fBJ"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page13-CnZn2z"></i> </button> <ul role="listbox" aria-labelledby="recenttitle-list" id="recenttitle-list" class="search-dropdown-list" aria-label="recent titles" show.bind="stepData.showRecentTitleDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.recentTitles.length}" data-ph-id="ph-page-element-page13-ovqZwd"> <li role="option" repeat.for="eachTitle of stepData.recentTitles" class="ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${fyfStepConfig.recentTitle.selectedTitle == eachTitle.title ?'selected':''}" id="result-item-${$index}" aria-selected="${eachTitle.aria.selected}" click.delegate="populateSelectedData(eachTitle, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" aria-label="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-page-element-page13-fxUUZ3"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-2oRikb" data-ph-id="ph-page-element-page13-deUu3U">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-zVz2EK"> <span if.bind="stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length &amp;&amp; stepData.showRecentTitleDropdown &amp;&amp; resultUpdated" data-ph-id="ph-page-element-page13-753fXl"> ${widgetBundle[stepData.recentTitles.length &gt; 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length &amp;&amp; stepData.showRecentTitleDropdown)" key="ph-find-your-fit-v1-default-6ty93o-bHkeWk" data-ph-id="ph-page-element-page13-cBzIa9"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-page-element-page13-Un8IHP"> <label class="input-radio-group" data-ph-id="ph-page-element-page13-tMh58L"> <input type="checkbox" model.bind="fyfStepConfig.recentTitle.flag" checked.bind="fyfStepConfig.recentTitle.flag" aria-checked="${fyfStepConfig.recentTitle.flag?'true':'false'}" change.delegate="disableJobTitle()" data-ph-at-id="radio-button" aria-label="Just starting my career" key-aria-label="ph-find-your-fit-v1-default-6ty93o-xHveSv" data-ph-id="ph-page-element-page13-dpo1R3"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-page-element-page13-fb41ma"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-page-element-page13-dfzR0b"></span> <span class="radio-text" data-ph-id="ph-page-element-page13-hLIz49"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-h0mwjV" data-ph-at-id="radio-button-text" data-ph-id="ph-page-element-page13-HA0x3D">Just starting my career</ppc-content> </span> </input></label> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page13-DX6Muk"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page13-b0cb3x"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page13-kyACMu"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-1arYqc" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length &amp;&amp; !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-eBpHiU">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-CKcuLN" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-oodONz">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page13-u8JGz7"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-aILQjB" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page13-AI8MbH">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page13-z4iDbK"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-J4Tk0S" data-ph-at-id="back-link" data-ph-id="ph-page-element-page13-3jiE0Y"> <span data-ph-id="ph-page-element-page13-pOGKTR"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page13-poECcb"></i> </span> </a> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-page-element-page13-VIgqRO"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page13-g7Usgk"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page13-UaLjJu"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page13-oC6JKd"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-9At25M" data-ph-at-id="error-text" data-ph-id="ph-page-element-page13-E6FpKo">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfSkills" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page13-ybvyMP"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-bA2riQ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-Xd2Vkm">Tell us what you’re really good at.</ppc-content> </h2> </div> <div class="skills-block" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page13-SCOeb1"> <label for="skills" data-ph-id="ph-page-element-page13-pQxfVD"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-page-element-page13-Ta1zNM">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page13-HbqepN"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-page-element-page13-CCENSB"> ${fyfStepConfig.skills.selectedSkill.length == 1 ? 'Selected skill:':'Selected skills:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="selectedskills-block" data-ph-id="ph-page-element-page13-pQlkX6"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-1" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.skills.selectedSkill.length}" role="presentation" data-ph-id="ph-page-element-page13-DM5mx1"> <div role="list" data-ph-id="ph-page-element-page13-7hiyUX"> <li class="selected-data" show.bind="fyfStepConfig.skills.selectedSkill.length" repeat.for="suggestedSkill of fyfStepConfig.skills.selectedSkill" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page13-DiivVH"> <span data-ph-id="ph-page-element-page13-GU8ESo">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove the ${suggestedSkill} skill" key-aria-label="ph-find-your-fit-v1-default-6ty93o-IKuKPa" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-page-element-page13-85oZC1"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page13-cNzttd"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page13-expaO5"> <div data-ph-id="ph-page-element-page13-CnD7hg"> <div class="search-box-inline" aria-owns="skill-list" aria-haspopup="listbox" aria-label="Tell us what you’re really good at" key-aria-label="ph-find-your-fit-v1-default-6ty93o-8vKsOF" data-ph-id="ph-page-element-page13-PPELfc"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfSkillsPlaceHolderText']" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-label="Search for skills" key-aria-label="ph-find-your-fit-v1-default-6ty93o-gHTvsO" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-page-element-page13-gwVyU7"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.skills.value.length" focus.trigger="setFocusField('skills')" blur.trigger="setFocusField('skills',true)" aria-label="clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-OEkWEI" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page13-eA54bf"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page13-ifA0TZ"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showSkillsDropdown" data-ph-at-id="suggested-data-list" aria-label="skills" id="skill-list" aria-labelledby="skill-list" data-ph-at-data-count="${stepData.skills.length}" data-ph-id="ph-page-element-page13-fnbCXb"> <li role="option" repeat.for="eachSkill of stepData.skills" class="ph-autocomplete-input-listbox-item search-list-item ${eachSkill.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.skills.selectedSkill.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="result-item-${$index}" aria-selected="${eachSkill.aria.selected}" click.delegate="populateSelectedData(eachSkill, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-page-element-page13-XlZxgd"></li> <li class="search-noresults" if.bind="(!stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-8axlkE" data-ph-id="ph-page-element-page13-n0cXQA">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-aijTDa"> <span if.bind="stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length &amp;&amp; stepData.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-page-element-page13-AHdeBY"> ${widgetBundle[stepData.skills.length &gt; 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length &amp;&amp; stepData.showSkillsDropdown)" key="ph-find-your-fit-v1-default-6ty93o-5D8kgd" data-ph-id="ph-page-element-page13-7PxYa1"> No results are available </span> </div> <div class="suggestions" if.bind="stepData.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${stepData.suggestedSkills.length}" data-ph-id="ph-page-element-page13-X5YOwz"> <div data-ph-id="ph-page-element-page13-aYAblE"> <h3 class="suggested-heading" data-ph-id="ph-page-element-page13-sRHU0P"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-DU7BpQ" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-page-element-page13-pIYMws">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-page-element-page13-14c1pp"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-page-element-page13-iTZ9My"> <button class="suggestions-btn" click.delegate="selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['addSkillButtinAriaLabel'] | pht: {'skillName': eachSkill.skill}}" data-ph-id="ph-page-element-page13-o7WR7d"> <span data-ph-id="ph-page-element-page13-sfuiES">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page13-NUiegX"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page13-1OZ6hx"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page13-t4Nv4c"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page13-aR9wdt"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-D6SI9f" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-DCwNsI">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-dQ9uok" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-EwDn4m">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page13-Vko0Nj"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-m1nBt8" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page13-Y9N8r1">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page13-WECCU5"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-pfODlP" data-ph-at-id="back-link" data-ph-id="ph-page-element-page13-GFgxJg"> <span data-ph-id="ph-page-element-page13-vG1o38"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page13-wcli6W"></i> </span> </a> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page13-ei1M7F"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page13-kk8efy"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page13-Skz1Bx"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page13-TDRkGF"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-grJIZv" data-ph-at-id="error-text" data-ph-id="ph-page-element-page13-LdDedu">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-1" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page13-pu7cJl"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-lL3ZeR" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-ruEI2s">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" data-ph-id="ph-page-element-page13-69IV1P"> <legend class="sr-only" data-ph-id="ph-page-element-page13-PnkK6l"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-fyss7q" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-VhAV3i">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-page-element-page13-goY11A"> <input model.bind="exp" checked.bind="fyfStepConfig.workExperience.selectedExp" type="radio" aria-checked="${fyfStepConfig.workExperience.selectedExp?'true ':'false'}" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-page-element-page13-vqHuNl"> <span class="radio-text" data-ph-id="ph-page-element-page13-ehOHc3"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page13-ZwUJ34">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-SqI1MM" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page13-0wSaLX">Year</span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-tLRnin" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page13-UNlUjl">Years</span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page13-4y4Rzw"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page13-CbgFvn"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page13-IH1bJH"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-TAgIne" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-ItEFVb">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-N0wwQu" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-aO1m7J">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page13-vW6sQV"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-XXPECN" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page13-hrvlAB">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page13-puMp2a"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Rt7J6a" data-ph-at-id="back-link" data-ph-id="ph-page-element-page13-Vra7EK"> <span data-ph-id="ph-page-element-page13-GYbUe7"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page13-ebYFr5"></i> </span> </a> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page13-4663ay"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page13-1o6j1r"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page13-9wyIax"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page13-iE0gu3"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-pDYDLb" data-ph-at-id="error-text" data-ph-id="ph-page-element-page13-Y2smmF">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-2" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page13-o8KGcb"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-3HmtW7" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-kaIvWI">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="ph-find-your-fit-v1-default-6ty93o-2oe68l" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-page-element-page13-Xr8YI1"> <legend class="sr-only" data-ph-id="ph-page-element-page13-xUjjsH"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-GmJy1U" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-G00lZn">How experienced are you?</ppc-content> </legend> <span repeat.for="exp of stepData.workExperience" class="exp-label" role="radio" aria-checked="false" data-ph-id="ph-page-element-page13-nZGIXh"> <span class="check-mark" data-ph-id="ph-page-element-page13-jQfPfB"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page13-xMRg3j"></i> </span> <span class="radio-text" data-ph-id="ph-page-element-page13-Lv0sx1"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page13-GMaCPY">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-xsC2ck" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page13-bcDZW6">Year</span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-G9RJrC" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page13-GXM3vA">Years</span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page13-Er0m4n"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page13-zcwHn2"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page13-QPrQO1"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-b28fvY" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-FqyRnq">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1)) " key="ph-find-your-fit-v1-default-6ty93o-G2iUpv" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-wtNNBJ">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page13-Xd6j6n"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-g1Ycvr" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page13-8SHNLW">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page13-RCLX4e"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-mTslsT" data-ph-at-id="back-link" data-ph-id="ph-page-element-page13-FS3xVu"> <span data-ph-id="ph-page-element-page13-DkVGGH"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page13-vPPf48"></i> </span> </a> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-page-element-page13-BwWIqc"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page13-3LD64s"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-page-element-page13-Z0CSju"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page13-7GUPx4"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-p7bfz0" data-ph-at-id="error-text" data-ph-id="ph-page-element-page13-cgE4CE">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page13-sqAND7"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-994q8u" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-L6pWDk">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-page-element-page13-VCkrwB"> <label for="locations" data-ph-id="ph-page-element-page13-t9wKDv"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-page-element-page13-1MN4tN">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page13-YeqkQe"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page13-FjLB8Z"> ${fyfStepConfig.preferredLocation.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-page-element-page13-x6UhVM"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocation.length}" role="presentation" aria-label="location" data-ph-id="ph-page-element-page13-q6Z53S"> <div role="list" data-ph-id="ph-page-element-page13-f8OoE6"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length &amp;&amp; selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page13-XoaWbp"> <span data-ph-id="ph-page-element-page13-EinA2R">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove selected ${selectedLoc.location_display} location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-qXsi6Y" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-page-element-page13-iPISZF"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page13-xuoeec"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page13-yxOZQa"> <div data-ph-id="ph-page-element-page13-5rOuwa"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-nFzS8q" data-ph-id="ph-page-element-page13-xziFaL"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-aUngum" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-page-element-page13-UFOhEg"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-XMx8FN" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page13-rMz01D"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page13-Ij9WWu"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" aria-label="location" data-ph-id="ph-page-element-page13-TIlJEn"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page13-uiMKy5"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-LFYnhI" data-ph-id="ph-page-element-page13-mlLkSI">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-7Bdt4I"> <span if.bind="stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-page-element-page13-haeBV5"> ${widgetBundle[stepData.locations.length &gt; 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown)" key="ph-find-your-fit-v1-default-6ty93o-CX5fcN" data-ph-id="ph-page-element-page13-Zs3rO0"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page13-145rNg"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page13-naDHNo"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page13-ZJ31ng"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-Tr2b5S" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-mLNWVc">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-4YgUp6" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page13-JNKaQF">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page13-nqoixT"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ywmvxO" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page13-TJxQNB">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page13-5F9UnQ"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-yhCJSo" data-ph-at-id="back-link" data-ph-id="ph-page-element-page13-056n4Z"> <span data-ph-id="ph-page-element-page13-Ji9KBv"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page13-YHU24U"></i> </span> </a> </div> </div> </div> <!-- End prefered Location Step --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' &amp;&amp; !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page13-VhDDoa"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-page-element-page13-fPny8R"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page13-N7a2xn"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page13-lY3hGO"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page13-8X57m1"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-JjeV2i" data-ph-at-id="error-text" data-ph-id="ph-page-element-page13-QFAv14">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading ph-a11y-fyf-step-block" tabindex="-1" id="phFyfContactInfo" data-ph-id="ph-page-element-page13-XcUOhQ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-EVrHk9" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-page-element-page13-xe5ycH">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-YNIvBb" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-page-element-page13-XyLA51">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page13-zInu4n"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-v8jEXi" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-oSx5zt">If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page13-PbZIxW"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page13-jmN98S"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-page-element-page13-RUDpIH"> <div data-ph-id="ph-page-element-page13-NFext1"> <label for="preferredName" data-ph-id="ph-page-element-page13-59UHIT"> <span key="ph-find-your-fit-v1-default-6ty93o-fPGWZ7" class="sr-only" data-ph-id="ph-page-element-page13-yoNGLj">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page13-SwM9rs"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ey5pZn" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page13-Da65mc"> Preferred name <span class="required" data-ph-id="ph-page-element-page13-8JxlYo">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-P0wZrG"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Enter your preferred name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-TV0mhy" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-page-element-page13-QX8Tv5"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error &amp;&amp; stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-page-element-page13-ZSCEbf"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-h9fJ5l" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-page-element-page13-wroUcH">Preferred Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-page-element-page13-j8yuVL"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page13-3zpm9f"> <div data-ph-id="ph-page-element-page13-rEN11u"> <label for="name" data-ph-id="ph-page-element-page13-MenVlP"> <span key="ph-find-your-fit-v1-default-6ty93o-fVn8V7" class="sr-only" data-ph-id="ph-page-element-page13-Qmw9ik">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page13-tEKO8n"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-hfJV65" data-ph-at-id="name-text" data-ph-id="ph-page-element-page13-irk4d0">Full name <span class="required" data-ph-id="ph-page-element-page13-mj5b5a">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-gHySdI"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="name" placeholder="Enter your name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-ibEiyl" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-page-element-page13-l3A12d"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error &amp;&amp; stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page13-PQvVJN"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-g67yiy" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page13-gTvGbY">Name should not empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page13-8iryiJ"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page13-lptTDe"> <div data-ph-id="ph-page-element-page13-RB1oMJ"> <label for="email-1" data-ph-id="ph-page-element-page13-nDQE3b"> <span key="ph-find-your-fit-v1-default-6ty93o-AXRymy" class="sr-only" data-ph-id="ph-page-element-page13-BL8PE8">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page13-aIR5aT"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-msCR3E" data-ph-at-id="email-text" data-ph-id="ph-page-element-page13-KXls1j">Email <span class="required" data-ph-id="ph-page-element-page13-4zQrn0"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-VUNH07"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="[email protected]" key-placeholder="ph-find-your-fit-v1-default-6ty93o-IhX5MZ" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page13-UGpLuD"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page13-ttzDHp"> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page13-8G5iDb"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-bFjdUf" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page13-IrflLW">Email should not empty</ppc-content> </span> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page13-65iX5q"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-UDLjEj" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page13-p4lFm3">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page13-qgLOZp"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page13-sAEJ8M"> <div data-ph-id="ph-page-element-page13-B4MTRW"> <label for="phone" data-ph-id="ph-page-element-page13-hfPAWs"> <span key="ph-find-your-fit-v1-default-6ty93o-wYY27j" class="sr-only" data-ph-id="ph-page-element-page13-3fRR5x">Phone number format</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page13-79Jm6a"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-PaJTaT" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page13-vBu6p8">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-KgeQhS"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="(000) 000-0000" key-placeholder="ph-find-your-fit-v1-default-6ty93o-ijuRHm" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page13-Ueg76B"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error &amp;&amp; stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page13-lN8FLW"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-anUHAv" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page13-p8C7YZ">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page13-hb3fXf"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page13-dD0nGD"> <div class="security-info-block" data-ph-id="ph-page-element-page13-5trLcd"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page13-bew3ms"></i> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ADEBuV" data-ph-at-id="security-text" data-ph-id="ph-page-element-page13-wNNfXB"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-page-element-page13-T0UNNb"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page13-U6xpw8"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page13-RbjRAf"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93o-aU1TFx" data-ph-id="ph-page-element-page13-8CBe6r"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page13-BRJn7J"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page13-7tUhVo"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page13-OxkOnU"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-g0pnvZ" data-ph-id="ph-page-element-page13-lUeZNY"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-67j5Nx"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-PohBTN">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page13-hbImCe">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page13-8ys3MA"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-xnWpQm" data-ph-id="ph-page-element-page13-KJzNXP"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-67j5Nx"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-PohBTN">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page13-hbImCe">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page13-vSp5PN"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Daw5qz" data-ph-id="ph-page-element-page13-SBOgOH"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-page-element-page13-x7ysJe"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page13-4PTB7X"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page13-Tb55rB"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93o-aCqgJf" data-ph-id="ph-page-element-page13-hsqLGS"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page13-gvkgIJ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page13-MhpVsT"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page13-biwncf"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-OcWXNU" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page13-ajAFxj">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-page-element-page13-hUU4l8"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page13-ShsFTl"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page13-PgL6EE"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page13-cVci7M"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page13-2ZXgca"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page13-Ixdza4"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page13-Iv9eYc"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page13-OdwcQ2">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page13-2Y6DbX"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1709113187358" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page13-RaXDJV"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-g5nEu5"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page13-VafAZR"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page13-xMkjlZ"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page13-DKUcm3"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93o-TSuGLX" data-ph-at-id="send-link" data-ph-id="ph-page-element-page13-SZp6UR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-wE588U" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page13-EtgEpa">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page13-9PR4gU"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-RWh2Nr" data-ph-at-id="back-link" data-ph-id="ph-page-element-page13-kBLUDh"> <span data-ph-id="ph-page-element-page13-sFGt4x"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page13-mMMyk9"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-page-element-page13-HsrxIL"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page13-rtr6QV"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page13-D9lPee"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Bp9Ouc" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-page-element-page13-jO4Dfc">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-9WtQKJ" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-page-element-page13-1JpCZR">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-page-element-page13-ALqy2a"> <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{&quot;context&quot;:&quot;fyf&quot;}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default" view="view1-1709112992411" instance-id="fyf1" original-view="view1" data-ph-id="ph-page-element-page13-zy9yN7"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page13-CcTYcL"> <div class="prev" data-ph-id="ph-page-element-page13-eCtajj"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-x9PuzB" data-ph-at-id="back-link" data-ph-id="ph-page-element-page13-4qocEr"> <span data-ph-id="ph-page-element-page13-7bO58R"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page13-ShEmw4"></i> </span> </a> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' &amp;&amp; !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page13-6Vgg8Q"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page13-pprGt4"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page13-r78ag0"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-page-element-page13-efq8xG"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-8wsswr" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-page-element-page13-34nP4G">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-WOgfHg" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-page-element-page13-gtYdeL">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page13-ZTCr9l"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Sho1Ex" data-ph-id="ph-page-element-page13-CDTvUL"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page13-RZmk5j"> <div class="ph-social-connect-v1-view5-new-default" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1663479002073-view5-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="" data-ph-id="ph-page-element-page13-u1jBFE"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page13-LONPvZ"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page13-EZILCK"> <div class="widget-container" data-ph-id="ph-page-element-page13-8frVq1"> <div class="content-block" data-ph-id="ph-page-element-page13-UZ2jmE"> <ul class="login-link-list" role="list" key-role="ph-find-your-fit-v1-default-6ty93o-RfbHvw" data-ph-id="ph-page-element-page13-JTUIlS"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-find-your-fit-v1-default-6ty93o-tjOrXU" data-ph-id="ph-page-element-page13-r9sBp5"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page13-6c49MW"> <div class="icon-block" data-ph-id="ph-page-element-page13-YNIZCx"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page13-LqS0JM"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page13-0SuLiE"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-page-element-page13-WnB3U2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-hGd3Gr" data-ph-id="ph-page-element-page13-XtxgMV">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-page-element-page13-CozhYc"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Yn1UpS" data-ph-id="ph-page-element-page13-EmDFS3"> If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page13-KYVKqf"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page13-9ewr3p"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-page-element-page13-tyhIDO"> <div data-ph-id="ph-page-element-page13-7l7T6Q"> <label for="preferredName" data-ph-id="ph-page-element-page13-RzYJdm"> <span key="ph-find-your-fit-v1-default-6ty93o-MZAUqK" class="sr-only" data-ph-id="ph-page-element-page13-5ziHg6">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page13-LZda08"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-VSVH19" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page13-qXTKPb"> Preferred name <span class="required" data-ph-id="ph-page-element-page13-8JxlYo">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-EEDcYL"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''} " id="preferredName" placeholder="Enter your preferred name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-5eRqX6" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-page-element-page13-WyKGuk"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error &amp;&amp; stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-page-element-page13-pd8fnw"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-5gyizK" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-page-element-page13-RbdDsu">Preferred Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-page-element-page13-3GEyD7"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page13-6nhLbz"> <div data-ph-id="ph-page-element-page13-mN03wZ"> <label for="name" data-ph-id="ph-page-element-page13-njUfXb"> <span key="ph-find-your-fit-v1-default-6ty93o-I9iW9s" class="sr-only" data-ph-id="ph-page-element-page13-0gmXm5">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page13-JnE89G"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-1XDsF7" data-ph-at-id="name-text" data-ph-id="ph-page-element-page13-UKgGYZ">Full name <span class="required" data-ph-id="ph-page-element-page13-mj5b5a">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-m1QYKz"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''} " id="name" placeholder="Enter your name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-s6wfzI" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-page-element-page13-nAj37s"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error &amp;&amp; stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page13-ONP0Nh"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-d59Vf2" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page13-i7xtha">Name should not empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page13-Qy7g7Z"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page13-VKq4Ta"> <div data-ph-id="ph-page-element-page13-5bJnKu"> <label for="email-2" data-ph-id="ph-page-element-page13-RHPUha"> <span key="ph-find-your-fit-v1-default-6ty93o-Kx3FR1" class="sr-only" data-ph-id="ph-page-element-page13-4LeiKe">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page13-tCIqJ3"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-VY9Wbv" data-ph-at-id="email-text" data-ph-id="ph-page-element-page13-z1xtmZ">Email <span class="required" data-ph-id="ph-page-element-page13-4zQrn0"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-fZwCzq"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="[email protected]" key-placeholder="ph-find-your-fit-v1-default-6ty93o-YMTt45" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page13-kWOdqY"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page13-FeWZLz"> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page13-By0B3T"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-bMpWbH" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page13-u6Muel">Email should not empty</ppc-content> </span> <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page13-fu7Asn"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uplCTG" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page13-BSygFV">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page13-KrOdfJ"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page13-qUDqzy"> <div data-ph-id="ph-page-element-page13-jz5XN2"> <label for="phone" data-ph-id="ph-page-element-page13-nijMpw"> <span key="ph-find-your-fit-v1-default-6ty93o-IGZUHR" class="sr-only" data-ph-id="ph-page-element-page13-qO7s2p">Phone number format</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page13-4ImE0W"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ZtXy6M" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page13-AZ8rZY">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page13-bP1SQ3"> <input type="text" name="phone" id="phone" class="form-control ph-a11y-form-control-phone" value.bind="fyfStepConfig.contactInfo.information.phone fs-block" placeholder="(000) 000-0000" key-placeholder="ph-find-your-fit-v1-default-6ty93o-41zZLW" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page13-knFdWA"> <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error &amp;&amp; stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page13-ArXFPS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-4hDT0Z" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page13-3S6mFo">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page13-85spJ3"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page13-nXg30j"> <div class="security-info-block" data-ph-id="ph-page-element-page13-10YBa9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-cSdWB3" data-ph-at-id="security-text" data-ph-id="ph-page-element-page13-Mv3seT"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-page-element-page13-KWmzMH"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page13-hgmw6g"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page13-vzLLHK"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93o-glcNPE" data-ph-id="ph-page-element-page13-pprqyi"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page13-OgOVem"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page13-WNmmvw"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page13-6YYxrw"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-YT9BQZ" data-ph-id="ph-page-element-page13-4BfxjW"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-I4oxBq"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-TsSb1b">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page13-qP800s"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-5pXqAZ" data-ph-id="ph-page-element-page13-e6OIs8"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-I4oxBq"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page13-TsSb1b">terms of use</a> </ppc-content> </span> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length) &amp;&amp; !hideOptIn" data-ph-id="ph-page-element-page13-M1tCKk"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page13-X6ANpd"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page13-yIQ9Cl"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93o-l9j4LH" data-ph-id="ph-page-element-page13-ml0Aw2"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page13-AZTVsK"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page13-Mhe4U2"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page13-BkupJ4"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-08vzMF" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page13-lPKetA">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page13-h9xIck"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-CdRswB" data-ph-id="ph-page-element-page13-GUExah"> Please accept terms of use and policy. </ppc-content> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-page-element-page13-kG2THe"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page13-sXW5XH"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page13-5gAdWK"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page13-RpEwdo"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page13-ahVF4J"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page13-mA02FE"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page13-tuuClu"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page13-GVrHr8">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page13-SJ3BuI"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1709113187683" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page13-B8peag"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-2muYNL"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page13-Q7t84U"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page13-mUVzW4"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page13-xmUPF4"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93o-oeaHtn" data-ph-at-id="send-link" data-ph-id="ph-page-element-page13-Hw1dLk"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-1nvwsT" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page13-zYPCSU">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page13-IRjJ2y"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-3owuLR" data-ph-at-id="back-link" data-ph-id="ph-page-element-page13-NxVwci"> <span data-ph-id="ph-page-element-page13-VzTh4o"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page13-LAeJa0"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-page-element-page13-3MsxCX"> <button href="javascript:void(0);" click.delegate="skip()" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType} step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-ByrKLt" data-ph-at-id="skip-link" data-ph-id="ph-page-element-page13-Y4OIbh"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-page-element-page13-HMWJQJ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-CVhwuu" data-ph-at-id="skip-link-text" data-ph-id="ph-page-element-page13-naYpsS">Skip</ppc-content> </span> </button> </div> <!--End FYF Start Area --> <div class="step-count-block phs-step-count-block" show.bind="!stepsData[currentStep].skip" data-ph-id="ph-page-element-page13-7xEyIg"> <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled &amp;&amp; isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-page-element-page13-rHGNTF"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus,'stepsCount':stepsCount}}" css="width: ${stepStatus*100/stepsCount}%;" data-ph-id="ph-page-element-page13-vtaYE9"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled &amp;&amp; isUserSocialLoggedIn)" data-ph-id="ph-page-element-page13-ccVC3h"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin &amp;&amp; !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount+1}" data-ph-at-starting-step-number-text="${stepsCount+1}" data-ph-id="ph-page-element-page13-tYjqWV"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus+1}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus+1,'stepsCount':stepsCount}}" css="width: ${(stepStatus+1)*100/stepsCount}%;" data-ph-id="ph-page-element-page13-MwvWpi"></div> </div> <div class="progress-text" if.bind="disableSocialLogin &amp;&amp; !isUserSocialLoggedIn" data-ph-id="ph-page-element-page13-2ODggK"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-page-element-page13-XJSwnf"> <div data-ph-id="ph-page-element-page13-2z5GsB"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-6aLBu9" data-ph-id="ph-page-element-page13-FxJnlb"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page13-AP7bOZ"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page13-G0qzVR"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1663479002073-view5-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page13-LONPvZ"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page13-EZILCK"> <div class="widget-container" data-ph-id="ph-page-element-page13-8frVq1"> <div class="content-block" data-ph-id="ph-page-element-page13-UZ2jmE"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new--yATzIL" data-ph-id="ph-page-element-page13-JTUIlS"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-new--ZEJDSt" data-ph-id="ph-page-element-page13-r9sBp5"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page13-6c49MW"> <div class="icon-block" data-ph-id="ph-page-element-page13-YNIZCx"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page13-LqS0JM"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page13-0SuLiE"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-1709111326348-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-7617470455446089-2"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="tGRv9Z-gVStUp-ph-profile-recommendations-v2-default-widgetHeadingText" show.bind="!showLoader &amp;&amp; jobResults.length" data-ph-id="ph-widget-element-7617470455446089-3"> <div class="widget-container" data-ph-id="ph-widget-element-7617470455446089-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-7617470455446089-5"> <h2 data-ph-id="ph-widget-element-7617470455446089-6"> <ppc-content key="A6SDFk-gVStUp-ph-profile-recommendations-v2-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-7617470455446089-7"> Profile recommendations </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-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-7617470455446089-10"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image &amp;&amp; eachJob.image.src)" instance-id="Ygh207" data-ph-id="ph-widget-element-7617470455446089-11"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-7617470455446089-12"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-widget-element-7617470455446089-13"> <img if.bind="eachJob.image &amp;&amp; eachJob.image.src &amp;&amp; eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-widget-element-7617470455446089-14" /> </div> </figure> </div> <div class="${(eachJob.image &amp;&amp; eachJob.image.src || ( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-widget-element-7617470455446089-15"> <div class="information" data-ph-id="ph-widget-element-7617470455446089-16"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src)" data-ph-id="ph-widget-element-7617470455446089-17"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-7617470455446089-18"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-7617470455446089-19"> <img if.bind="eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src &amp;&amp; eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-widget-element-7617470455446089-20" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-widget-element-7617470455446089-21"> <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'top' &amp;&amp; (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-7617470455446089-22"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-7617470455446089-23"> <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-24"></i> <span class="tag-label" data-ph-id="ph-widget-element-7617470455446089-25">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig &amp;&amp; jobTagsConfig.layout &amp;&amp; jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-widget-element-7617470455446089-26"> <span class="featured-job" if.bind="eachJob.featuredJob &amp;&amp; (eachJob.featuredJob &amp;&amp; eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-7617470455446089-27"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig &amp;&amp; jobTagsConfig.tags) &amp;&amp; (jobTagsData &amp;&amp; jobTagsData[eachJob['jobSeqNo']] &amp;&amp; jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-widget-element-7617470455446089-28"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon &amp;&amp; eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-29"></i> <span class="tag-label" data-ph-id="ph-widget-element-7617470455446089-30">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="gVStUp-ph-profile-recommendations-v2-Ygh207-zjVWO5-default-headingRole" aria-level="3" key-aria-level="gVStUp-ph-profile-recommendations-v2-Ygh207-zjVWO5-default-headingAriaLevelValue" instance-id="Ygh207-zjVWO5" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-32"> <div if.bind="eachJob.title &amp;&amp; eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-7617470455446089-33"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-34">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-35"></i> <span data-ph-id="ph-widget-element-7617470455446089-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'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-7617470455446089-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 &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate &amp;&amp; ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.expiryDate)" class="${((eachAttr.name === 'location' &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate) ? '':'hide'} job-tag-fields" data-ph-id="ph-widget-element-7617470455446089-38"> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-7617470455446089-39"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-40">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-41"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-42">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-7617470455446089-43"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-44">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-45"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-46">${widgetBundle['location'] | pht}:</span> ${eachJob.multi_location[0] || eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob','datePosted','applyBefore'].indexOf(eachAttr.name) == -1) &amp;&amp; eachJob[eachAttr.name].length > 0" data-ph-id="ph-widget-element-7617470455446089-47"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-48">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length &amp;&amp; eachJob[eachAttr.name].length > 0" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-49"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-50"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-7617470455446089-51"></span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-7617470455446089-52">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-7617470455446089-53"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-54">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-55"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-56">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-7617470455446089-57"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-58">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-59"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-60">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime','datePosted','applyBefore'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-7617470455446089-61"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-62">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-63"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-64"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-7617470455446089-65"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-66">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-67"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-68"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-7617470455446089-69"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-70">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-71">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-72"></i> <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-7617470455446089-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-74">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-75">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-76">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-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'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-7617470455446089-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 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')} job-tag-fields" data-ph-id="ph-widget-element-7617470455446089-79"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-81"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-82"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-7617470455446089-83"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-7617470455446089-84"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-85">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-86"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-87">${widgetBundle['location'] | pht}:</span> ${eachJob.multi_location[0] || eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (eachJob.multi_category.length > 1)" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-89"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-90"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-7617470455446089-91"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-7617470455446089-92"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-93">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-94"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-95">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-7617470455446089-96"> <span class="sr-only" data-ph-id="ph-widget-element-7617470455446089-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 &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-98"></i> <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-7617470455446089-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-100">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-101">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-102">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-103">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob','datePosted','applyBefore'].indexOf(eachAttr.name) == -1) &amp;&amp; eachJob[eachAttr.name].length > 0" data-ph-id="ph-widget-element-7617470455446089-104"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-105">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length &amp;&amp; eachJob[eachAttr.name].length > 0" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-106"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-107"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-7617470455446089-108"></span> <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-7617470455446089-109">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate &amp;&amp; eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-7617470455446089-110"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-111">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-112"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-113">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-7617470455446089-114"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-115">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-116"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-117">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime','datePosted','applyBefore'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-7617470455446089-118"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-119">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-120"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-121"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-7617470455446089-122"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-123">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-124"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-126"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 &amp;&amp; eachAttr.name == 'location') &amp;&amp; ((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-7617470455446089-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 === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="gVStUp-ph-profile-recommendations-v2-Ygh207-D42uuo-default-multiLocationButtonRole" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="Ygh207-D42uuo" data-ph-id="ph-widget-element-7617470455446089-128"> <span data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-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-7617470455446089-131"> <li class="location ${enabledFields &amp;&amp; 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-7617470455446089-132"> ${eachLocation} <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-7617470455446089-133"> <span if.bind="!enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-134">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" data-ph-id="ph-widget-element-7617470455446089-135">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-136"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-7617470455446089-137">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-138">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-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 &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-140">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-142"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 &amp;&amp; eachAttr.name == 'category') &amp;&amp; ((enabledFields['category'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-7617470455446089-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="gVStUp-ph-profile-recommendations-v2-Ygh207-KtyEeF-default-multiCategoryButtonRole" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="Ygh207-KtyEeF" data-ph-id="ph-widget-element-7617470455446089-144"> <span data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-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-7617470455446089-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-7617470455446089-148"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] &amp;&amp; eachJob.smartHighlights" data-ph-id="ph-widget-element-7617470455446089-149"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-7617470455446089-150"> <span data-ph-id="ph-widget-element-7617470455446089-151"> <span class="sr-only" data-ph-id="ph-widget-element-7617470455446089-152"> <span if.bind="highLightKey == 'skills' &amp;&amp; widgetBundle['skills']" data-ph-id="ph-widget-element-7617470455446089-153">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' &amp;&amp; widgetBundle['education']" data-ph-id="ph-widget-element-7617470455446089-154">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-7617470455446089-155">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-7617470455446089-156">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' &amp;&amp; widgetBundle['experience']" data-ph-id="ph-widget-element-7617470455446089-157">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' &amp;&amp; widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-159"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-161"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-162"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-widget-element-7617470455446089-163"></p> <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'bottom' &amp;&amp; (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-7617470455446089-164"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-7617470455446089-165"> <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-166"></i> <span class="tag-label" data-ph-id="ph-widget-element-7617470455446089-167">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-widget-element-7617470455446089-168"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-7617470455446089-169"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-7617470455446089-170"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-7617470455446089-171"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' &amp;&amp; eachJob.externalApply &amp;&amp; !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-widget-element-7617470455446089-172"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-widget-element-7617470455446089-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 &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-174"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-7617470455446089-175"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-7617470455446089-176"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-177"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-widget-element-7617470455446089-178"> <ppc-content key="gVStUp-ph-profile-recommendations-v2-Ygh207-3mwX3N-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="Ygh207-3mwX3N" data-ph-id="ph-widget-element-7617470455446089-179">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-7617470455446089-180"> <section class="ph-widget" instance-id="InrZAY" original-view="default" view="7617470337568998-default" data-ph-id="ph-widget-element-7617470455446089-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="7617470337568998-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="InrZAY" original-view="default" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-183"> <div class="savejob-checkbox" data-ph-id="ph-widget-element-7617470455446089-184"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-186" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-7617470455446089-187"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-188"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-189"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-191"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-192"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-193"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-195"> <button click.delegate="deleteJobFromCart(eachJob)" class="favourite delete-btn" 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-7617470455446089-196"> <span class="sr-only" data-ph-id="ph-widget-element-7617470455446089-197">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-198"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-7617470455446089-199"> ${widgetBundle['removeJobText'] | pht} </span> </button> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-widget-element-7617470455446089-200"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-202"> <div class="modal-dialog" data-ph-id="ph-widget-element-7617470455446089-203"> <div class="popup-content-block" data-ph-id="ph-widget-element-7617470455446089-204"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="gVStUp-ph-profile-recommendations-v2-Ygh207-f5K9TP-default-closePopupAriaLabelText" instance-id="Ygh207-f5K9TP" data-ph-id="ph-widget-element-7617470455446089-205"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-206"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-7617470455446089-207"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="gVStUp-ph-profile-recommendations-v2-Ygh207-WAMmCb-default-headingModalRole" key-aria-level="gVStUp-ph-profile-recommendations-v2-Ygh207-WAMmCb-default-headingModalAriaLevel" instance-id="Ygh207-WAMmCb" data-ph-id="ph-widget-element-7617470455446089-208"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-7617470455446089-209"> <div class="job-location-count" data-ph-id="ph-widget-element-7617470455446089-210"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-7617470455446089-211"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-7617470455446089-212"> <li class="each-location ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-widget-element-7617470455446089-213"> <span data-ph-id="ph-widget-element-7617470455446089-214"> <i class="icon ${enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon" data-ph-id="ph-widget-element-7617470455446089-215"></i> </span> <span data-ph-id="ph-widget-element-7617470455446089-216"> ${eachLocation} </span> <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-widget-element-7617470455446089-217"> <span class="sr-only" data-ph-id="ph-widget-element-7617470455446089-218">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-219"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-7617470455446089-220">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-221">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-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 &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-223">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-7617470455446089-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 &amp;&amp; (enabledFields['category'] &amp;&amp; enabledFields['category'].settings &amp;&amp; enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-226"> <div class="modal-dialog" data-ph-id="ph-widget-element-7617470455446089-227"> <div class="popup-content-block" data-ph-id="ph-widget-element-7617470455446089-228"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="gVStUp-ph-profile-recommendations-v2-Ygh207-cG5f4f-default-closeCategoryPopupAriaLabelText" instance-id="Ygh207-cG5f4f" data-ph-id="ph-widget-element-7617470455446089-229"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-230"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-7617470455446089-231"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="gVStUp-ph-profile-recommendations-v2-Ygh207-0h8pAL-default-headingModalRole" key-aria-level="gVStUp-ph-profile-recommendations-v2-Ygh207-0h8pAL-default-headingModalAriaLevel" instance-id="Ygh207-0h8pAL" data-ph-id="ph-widget-element-7617470455446089-232"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-7617470455446089-233"> <div class="job-location-count" data-ph-id="ph-widget-element-7617470455446089-234"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-7617470455446089-235"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-7617470455446089-236"> <li class="each-category ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-widget-element-7617470455446089-237"> <span data-ph-id="ph-widget-element-7617470455446089-238"> <i class="icon ${enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon" data-ph-id="ph-widget-element-7617470455446089-239"></i> </span> <span data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-241"> <div aria-atomic="true" aria-live="assertive" instance-id="RmMEbZ" data-ph-id="ph-widget-element-7617470455446089-242"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="gVStUp-ph-profile-recommendations-v2-RmMEbZ-8NfXeQ-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="gVStUp-ph-profile-recommendations-v2-RmMEbZ-8NfXeQ-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="gVStUp-ph-profile-recommendations-v2-RmMEbZ-8NfXeQ-default-button-role-see-more" instance-id="RmMEbZ-8NfXeQ" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-244"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-245"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="gVStUp-ph-profile-recommendations-v2-RmMEbZ-TGxbBV-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="gVStUp-ph-profile-recommendations-v2-RmMEbZ-TGxbBV-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="gVStUp-ph-profile-recommendations-v2-RmMEbZ-TGxbBV-default-button-role-see-less" instance-id="RmMEbZ-TGxbBV" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-247"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-248"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="gVStUp-ph-profile-recommendations-v2-RmMEbZ-Sqs62f-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="gVStUp-ph-profile-recommendations-v2-RmMEbZ-Sqs62f-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="gVStUp-ph-profile-recommendations-v2-RmMEbZ-Sqs62f-default-button-role-see-next" instance-id="RmMEbZ-Sqs62f" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-250"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-251"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="gVStUp-ph-profile-recommendations-v2-RmMEbZ-3GIzoh-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="gVStUp-ph-profile-recommendations-v2-RmMEbZ-3GIzoh-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="gVStUp-ph-profile-recommendations-v2-RmMEbZ-3GIzoh-default-button-role-see-evenmore" instance-id="RmMEbZ-3GIzoh" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-253"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-7617470455446089-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-7617470455446089-255"> <p data-ph-id="ph-widget-element-7617470455446089-256"> <ppc-content key="gVStUp-ph-profile-recommendations-v2-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-7617470455446089-257"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-7617470283283962-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-7617470283283962-2"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-7617470283283962-3"> <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-7617470283283962-4"> <div class="modal-content" data-ph-id="ph-widget-element-7617470283283962-5"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-7617470283283962-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-7617470283283962-7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7617470283283962-8"></i> <span class="sr-only" data-ph-id="ph-widget-element-7617470283283962-9"><ppc-content key="r8xcXV-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-7617470283283962-10">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-widget-element-7617470283283962-11"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-7617470283283962-12"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-7617470283283962-13"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-7617470283283962-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-7617470283283962-15"> <div class="content-block" data-ph-id="ph-widget-element-7617470283283962-16"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-7617470283283962-17"> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-7617470283283962-18"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7617470283283962-19"> <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-widget-element-7617470283283962-20"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7617470283283962-21"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7617470283283962-22"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-widget-element-7617470283283962-23"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7617470283283962-24"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-widget-element-7617470283283962-25"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-7617470283283962-26"> <label for="email-job-name" data-ph-id="ph-widget-element-7617470283283962-27"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-7617470283283962-28"> 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="r8xcXV-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="r8xcXV-ph-email-job-v1-view3-recipientNameTitleText" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-widget-element-7617470283283962-29"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error &amp;&amp; errors.name.code == 'E101'" data-ph-id="ph-widget-element-7617470283283962-30"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-7617470283283962-31"> 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-7617470283283962-32"> <label for="email-job-email" data-ph-id="ph-widget-element-7617470283283962-33"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-7617470283283962-34"> 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="r8xcXV-ph-email-job-v1-view3-recipientEmailAddressTitleText" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-widget-element-7617470283283962-35"> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101'" data-ph-id="ph-widget-element-7617470283283962-36"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-emailShouldNotBeEmptyText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-7617470283283962-37"> Recipient’s email address should not be Empty </ppc-content> </span> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102'" data-ph-id="ph-widget-element-7617470283283962-38"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-pleaseEnterAValidEmailText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-7617470283283962-39"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-widget-element-7617470283283962-40"> <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-7617470283283962-41"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-7617470283283962-42"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-7617470283283962-43"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7617470283283962-44"> <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-widget-element-7617470283283962-45"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7617470283283962-46"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7617470283283962-47"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-7617470283283962-48"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7617470283283962-49"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7617470283283962-50">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-widget-element-7617470283283962-51"> <span class="sr-only required-text" data-ph-id="ph-widget-element-7617470283283962-52"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-7617470283283962-53"> <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-7617470283283962-54"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-7617470283283962-55">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-7617470283283962-56"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-7617470283283962-57">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-7617470283283962-58"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-7617470283283962-59"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-7617470283283962-60"> <i class="icon icon-check" data-ph-id="ph-widget-element-7617470283283962-61"></i> <h3 data-ph-id="ph-widget-element-7617470283283962-62"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-7617470283283962-63">Success!</ppc-content> </h3> <p data-ph-id="ph-widget-element-7617470283283962-64"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-7617470283283962-65">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-7617470283283962-66"> <ppc-content key="ISklMd-r8xcXV-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-7617470283283962-67">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-7617470283283962-68"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-7617470283283962-69"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-widget-element-7617470283283962-70"> <i class="icon icon-cancel" data-ph-id="ph-widget-element-7617470283283962-71"></i> <h3 data-ph-id="ph-widget-element-7617470283283962-72"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-7617470283283962-73">Failure!</ppc-content> </h3> <p data-ph-id="ph-widget-element-7617470283283962-74"> <ppc-content key="r8xcXV-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-7617470283283962-75">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-7617470283283962-76"> <ppc-content key="EAzc3W-r8xcXV-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-7617470283283962-77">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-7617470283283962-78"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-7617470283283962-79"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-widget-element-7617470283283962-80"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-7617470283283962-81"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-7617470283283962-82"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-7617470283283962-83"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7617470283283962-84"> <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-widget-element-7617470283283962-85"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7617470283283962-86"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7617470283283962-87"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-7617470283283962-88"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7617470283283962-89"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7617470283283962-90">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-widget-element-7617470283283962-91"> <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-widget-element-7617470283283962-92"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-7617470337568998-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-7617470337568998-2"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-widget-element-7617470337568998-3"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-7617470337568998-4"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="InrZAY-ph-social-share-v3-default-headingRole" aria-level="2" key-aria-level="InrZAY-ph-social-share-v3-default-headingLevelAria" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-widget-element-7617470337568998-5"> <ppc-content key="InrZAY-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7617470337568998-6"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-widget-element-7617470337568998-7"> <ppc-content key="InrZAY-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-7617470337568998-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-7617470337568998-9"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-widget-element-7617470337568998-10"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-widget-element-7617470337568998-11"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-widget-element-7617470337568998-12"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-widget-element-7617470337568998-13"></i> <span class="sr-only" data-ph-id="ph-widget-element-7617470337568998-14"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-widget-element-7617470337568998-15">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="r8xcXV" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView &amp;&amp; shareOption.isInline &amp;&amp; isShareEmailFound" original-view="view3" view="7617470283283962-view3" data-ph-id="ph-widget-element-7617470337568998-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="7617470283283962-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="r8xcXV" original-view="view3" data-ph-id="ph-widget-element-7617470337568998-17"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-widget-element-7617470337568998-18"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-7617470337568998-19"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-7617470337568998-20"> <div class="head-wrapper" data-ph-id="ph-widget-element-7617470337568998-21"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-widget-element-7617470337568998-22"> <ppc-content key="InrZAY-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-7617470337568998-23">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="InrZAY-ph-social-share-v3-default-closeDialogAriaLabel" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-7617470337568998-24"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-widget-element-7617470337568998-25"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-widget-element-7617470337568998-26"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-7617470337568998-27"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-widget-element-7617470337568998-28"> <ppc-content key="InrZAY-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-7617470337568998-29">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-widget-element-7617470337568998-30"><ppc-content key="InrZAY-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-7617470337568998-31">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-widget-element-7617470337568998-32" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-widget-element-7617470337568998-33"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-7617470337568998-34"><ppc-content key="InrZAY-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-7617470337568998-35">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-widget-element-7617470337568998-36"><ppc-content key="InrZAY-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-7617470337568998-37">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1709112505142-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-ph-consent-popup-v1NoKF5z"> <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-v1hOE2T7"> <span class="sr-only required-checkbox" data-ph-id="ph-default-ph-consent-popup-v1KoCeqt">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-ph-consent-popup-v13gnql3"> <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-v1lIHkvO"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-ph-consent-popup-v1x2YRSS"> <div class="close-popup-btn" data-ph-id="ph-default-ph-consent-popup-v188KpIH"> <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-v1hUj5iD"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1WQf1UY"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-ph-consent-popup-v1tIQSBD"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-ph-consent-popup-v1MfHwHv"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-ph-consent-popup-v1BcdI8w"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-ph-consent-popup-v19M6mrB"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-ph-consent-popup-v1Q4awWn"> <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-v1KX4mgc"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1sL1ooY"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1kImgbz"></span> <span class="checkbox-text" data-ph-id="ph-default-ph-consent-popup-v17QvrDg"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-ph-consent-popup-v1nLUEiW"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-ph-consent-popup-v1d8qUBk">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-ph-consent-popup-v1ZhbtLl"> <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-v1pfjGHp"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1709112505277-view5-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view1-ph-find-your-fit-v1XNX1gW"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view1-ph-find-your-fit-v1xpMkwV"> <div class="widget-container" data-ph-id="ph-view1-ph-find-your-fit-v1LwUEtk"> <div class="content-block" data-ph-id="ph-view1-ph-find-your-fit-v1sjBBzn"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new-6ty93o-ph-find-your-fit-v1-view1-listRole" data-ph-id="ph-view1-ph-find-your-fit-v1pTytta"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-new-6ty93o-ph-find-your-fit-v1-view1-listItemRole" data-ph-id="ph-view1-ph-find-your-fit-v1WmkJo5"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-view1-ph-find-your-fit-v1I1MC0M"> <div class="icon-block" data-ph-id="ph-view1-ph-find-your-fit-v1Ru8U3v"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view1-ph-find-your-fit-v1169i1E"></i> </div> <div class="text-block" data-ph-id="ph-view1-ph-find-your-fit-v196sejv"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1709112505206-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-view1-ph-find-your-fit-v1FPWvqh"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Upload your resume" aria-describedby="fileFormat" key-aria-label="fyf3jd-ph-import-resume-v1-re-upload-6ty93o-ph-find-your-fit-v1-view1-uploadYourResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-view1-ph-find-your-fit-v1XsBIx8"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-view1-ph-find-your-fit-v1T8zH3H"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-view1-ph-find-your-fit-v1Vyncdt"></i> </span> <ppc-content key="fyf3jd-ph-import-resume-v1-re-upload-6ty93o-ph-find-your-fit-v1-view1-resumeUploadNewFileOptiontxt" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-view1-ph-find-your-fit-v1aNRcvY"> Select a file to upload. </ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-view1-ph-find-your-fit-v1wdK6wl"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-view1-ph-find-your-fit-v18vJHJI"></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-view1-ph-find-your-fit-v1NFsReR"> <span data-ph-id="ph-view1-ph-find-your-fit-v1TeuOVr">${fyfStepConfig.contactInfo.information.resumeName &amp;&amp; (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName &amp;&amp; ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider &amp;&amp; fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['removeResumeButtonAriaLabel'] || 'close'}" key-aria-label="fyf3jd-ph-import-resume-v1-re-upload-6ty93o-ph-find-your-fit-v1-view1-removResumeButtonAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-view1-ph-find-your-fit-v1jjm7mN"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-view1-ph-find-your-fit-v1pX4oo4"></i> </button> <span id="fileFormat" class="file-format" data-ph-id="ph-view1-ph-find-your-fit-v1wyjtUf">File format: txt,.pdf,.doc</span> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1709112505129-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-ph-social-connect-v1JTyThK"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-ph-social-connect-v1LgA8wv"> <div class="widget-container" data-ph-id="ph-view5-ph-social-connect-v1lfmkNL"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-ph-social-connect-v10Onn1H"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-ph-social-connect-v1uX8DFM"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-ph-social-connect-v1N5wblr"> <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-v1z8Z6JC"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1YhOFDW"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v19cr6iW"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1ulINle"> <ppc-content key="RaC5Nq-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v1xRgWle"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663479000226-view5-ph-social-connect-v17uyy7u-UcJQsV"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663479000226-view5-ph-social-connect-v17uyy7u-02PeBA"> ${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-v1M622vc"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v10tdMJs"> <ppc-content key="RfQZPQ-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v1lFRosW"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663479000226-view5-ph-social-connect-v17uyy7u-UcJQsV"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663479000226-view5-ph-social-connect-v17uyy7u-02PeBA"> ${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-v1rYi9qU"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-ph-social-connect-v1c4TZiT"> <span class="social-alert-msg" data-ph-id="ph-view5-ph-social-connect-v1vW2bTT"> ${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-v1EcEWYI"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (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-v1CCBXXj"> <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-v1UH9cuX"> <div class="icon-block" data-ph-id="ph-view5-ph-social-connect-v1nsanYo"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1BaT1mi"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1D3L5sQ"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1709112505207-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-ph-consent-popup-v1rsobAi"> <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-v1vdu2Rg"> <span class="sr-only required-checkbox" data-ph-id="ph-default-ph-consent-popup-v1s2F9xg">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-ph-consent-popup-v12leIyS"> <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-v1LHxKwE"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-ph-consent-popup-v1Sj4q2i"> <div class="close-popup-btn" data-ph-id="ph-default-ph-consent-popup-v1Z4daBg"> <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-v11g0WEz"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1BBISri"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-ph-consent-popup-v1T8ETeY"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-ph-consent-popup-v1CWFEoW"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-ph-consent-popup-v1TKPY60"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-ph-consent-popup-v1HmhIH1"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-ph-consent-popup-v1ZQ4PJ1"> <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-v1bRIwYB"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1FwZH66"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1monhfu"></span> <span class="checkbox-text" data-ph-id="ph-default-ph-consent-popup-v1uP03S0"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-ph-consent-popup-v1p6ce7k"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-ph-consent-popup-v1nEoxjh">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-ph-consent-popup-v118mQlU"> <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-v1rPrULt"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1709112506015-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-ph-social-connect-v1W60oHr"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-ph-social-connect-v1mSxr7E"> <div class="widget-container" data-ph-id="ph-view5-ph-social-connect-v1uMqeFN"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-ph-social-connect-v1jgKtxo"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-ph-social-connect-v1UNutMn"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-ph-social-connect-v1zVixoh"> <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-v1lCwmP7"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1pP70JS"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1HQipo7"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1ShrorM"> <ppc-content key="kAR99V-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v16fKxXp"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-v1Z6JRcy"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1XUo7Uu"> <ppc-content key="lHm6hG-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v1xjkAlO"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-v1kV7FSf"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-ph-social-connect-v1OOmKaZ"> <span class="social-alert-msg" data-ph-id="ph-view5-ph-social-connect-v1hUHhDj"> ${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-v1I0jvZH"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (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-v1x5hLxC"> <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-v13Zyt7d"> <div class="icon-block" data-ph-id="ph-view5-ph-social-connect-v1xXLKMc"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1HEcV60"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1t00egx"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1709112505153-view1" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-view1-ph-candidate-login-v1h6u1tv"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view1-ph-candidate-login-v1zVXGvH"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-view1-ph-candidate-login-v1HdNA4f"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-view1-ph-candidate-login-v1vvNNzl"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-ph-candidate-login-v1VOMzdK"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v14maIAI"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-view1-ph-candidate-login-v1qxG1C7"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1lXYSsg"></i> <span class="alert-msg" data-ph-id="ph-view1-ph-candidate-login-v18pxlWo"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-ph-candidate-login-v1MhplQb"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-view1-ph-candidate-login-v1Rvq7Io"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-view1-ph-candidate-login-v1HZHrfv"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-ph-candidate-login-v1UF02Rw"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-view1-ph-candidate-login-v1Iy1bak"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-view1-ph-candidate-login-v1XLurd8"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-ph-candidate-login-v191aJ9y"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-view1-ph-candidate-login-v1czaW2D"> ${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-view1-ph-candidate-login-v1Ffehl3"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-ph-candidate-login-v1UkIfZC"> <form novalidate="" data-ph-id="ph-view1-ph-candidate-login-v1KkrMc9"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-ph-candidate-login-v1JzwztQ"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-view1-ph-candidate-login-v1sA6Dnn"> <label for="signinEmail" class="form-label" data-ph-id="ph-view1-ph-candidate-login-v1w59IvW"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1s07Jok"> <div class="text-box" data-ph-id="ph-view1-ph-candidate-login-v1QEC3Qa"> <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-view1-ph-candidate-login-v10YIWPP"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-ph-candidate-login-v1SIpkNR"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-ph-candidate-login-v1DbeqlO"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-view1-ph-candidate-login-v1m3jF8D"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v14QXF8M"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1OTRYT1"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v13uUYpv"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1Wc9WWR"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1YOGjcS"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-ph-candidate-login-v1B5VctG"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-view1-ph-candidate-login-v1VpiHH0"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-ph-candidate-login-v17IxMjL"> ${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-view1-ph-candidate-login-v1WxgAmx"> <label for="signInPassword" class="form-label" data-ph-id="ph-view1-ph-candidate-login-v1dGi8dW"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1OjGH4K"> <div class="text-box" data-ph-id="ph-view1-ph-candidate-login-v1cMB1CZ"> <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-view1-ph-candidate-login-v1VtxG5n"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-view1-ph-candidate-login-v10Vkom0"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-ph-candidate-login-v1KwPYC7"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-ph-candidate-login-v1PrW6V6"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1lxrMf1"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1AxR1Rs"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v11FfBkg"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v1JAw9wr"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v1yWsj5m"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-view1-ph-candidate-login-v1UVnChs"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1HKg3hB"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1zllqR4"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1Rz5G7e"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1Ot1UQP"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-ph-candidate-login-v13yQX7R"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-view1-ph-candidate-login-v1ngxh7c"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-view1-ph-candidate-login-v1sUJcBN"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1D3j4aG"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-ph-candidate-login-v1TNyZe8"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-view1-ph-candidate-login-v1YzKbbk"> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1CcIwDE"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-ph-candidate-login-v15u7UE5"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1c0IDJ1"> <div class="user-options" data-ph-id="ph-view1-ph-candidate-login-v1onBhuz"> <span class="each-option" data-ph-id="ph-view1-ph-candidate-login-v1vDSHqU"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-view1-ph-candidate-login-v1ce90wc"> <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-view1-ph-candidate-login-v13JMi8k"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1qlNWME"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1fVZ6Lq"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-view1-ph-candidate-login-v19PIbMQ"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-view1-ph-candidate-login-v12oDWNV"> <span class="forgot-password-area" data-ph-id="ph-view1-ph-candidate-login-v1MN4RKX"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-view1-ph-candidate-login-v1EP53ks"> ${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-view1-ph-candidate-login-v1J3vhqc"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-view1-ph-candidate-login-v1fzg4AJ"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1QdroH4"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-ph-candidate-login-v1qwvJ1l"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-ph-candidate-login-v1PeDn1Q"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1Sz75nY"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-view1-ph-candidate-login-v1kvG5wf"> ${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-view1-ph-candidate-login-v1ZtGHeH"> <span id="cd-pf-recieve-email" data-ph-id="ph-view1-ph-candidate-login-v1tHRX1w"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <button ref="resendEmailLink" class.bind="!isResendBtnEnable ? 'resend-btn-disabled cd-resend-mail' : 'cd-resend-mail'" disabled.bind="!isResendBtnEnable" click.delegate="resendPswrdResetLink()" data-ph-id="ph-view1-ph-candidate-login-v1IbB7bw"> ${widgetBundle['resentEmailButtonText'] | pht} </button> <span tabindex="-1" if.bind="isEmailResend" class="resend-success-text" data-ph-id="ph-view1-ph-candidate-login-v18qmR8n"> ${widgetBundle['emailResendSuccessText'] | pht} </span> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-ph-candidate-login-v1N6XQqP"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-view1-ph-candidate-login-v1WlIcNf"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-view1-ph-candidate-login-v1NZVMbt"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-ph-candidate-login-v1UQy8Eb"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-view1-ph-candidate-login-v1i53FAl"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-view1-ph-candidate-login-v1QAit3S"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-view1-ph-candidate-login-v1XxOZtH"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-ph-candidate-login-v1CErYej"> <form novalidate="" data-ph-id="ph-view1-ph-candidate-login-v1yKt9Ip"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-ph-candidate-login-v1HeUwU2"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-view1-ph-candidate-login-v16HQEbx"> <label for="createEmail" class="form-label" data-ph-id="ph-view1-ph-candidate-login-v1Q1kNda"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1XLquMG"> <div class="text-box" data-ph-id="ph-view1-ph-candidate-login-v14ckBEG"> <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-view1-ph-candidate-login-v1Lb7CCP"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-ph-candidate-login-v1Kt8PZC"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-ph-candidate-login-v1rQQSxZ"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-view1-ph-candidate-login-v13ZG0RG"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1lVSKpn"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1EHmpwQ"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1v5eSAE"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v15CXrsT"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v187FDEc"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-ph-candidate-login-v176Rcg8"> 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 &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-view1-ph-candidate-login-v1REbToC"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-ph-candidate-login-v1qLSsxv"> ${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-view1-ph-candidate-login-v1FbWHCE"> <label for="createPassword" class="form-label" data-ph-id="ph-view1-ph-candidate-login-v1tdb98s"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1XdDoIU"> <div class="text-box" data-ph-id="ph-view1-ph-candidate-login-v1UxhPKm"> <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-view1-ph-candidate-login-v1oc5B0c"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-ph-candidate-login-v13o6qxv"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-ph-candidate-login-v1QsilCL"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-ph-candidate-login-v1p8ZuQg"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-ph-candidate-login-v1JbgpZJ"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1nUh3td"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v18wON5L"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1ohBI21"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v13Pewg5"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v12hSTll"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-view1-ph-candidate-login-v1nJs1BS"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1ATY9V7">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1S04OAn">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1NPQEhK">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1020GdH">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v113fVDi"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-ph-candidate-login-v1NVl9G3"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1u0Rw1u"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-ph-candidate-login-v1114EUg"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v19mv00T"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-ph-candidate-login-v1jEh7He"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-ph-candidate-login-v1x2uky5"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-ph-candidate-login-v1uMvbf6"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-ph-candidate-login-v1SCCKwk"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-ph-candidate-login-v1QrY23U"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-ph-candidate-login-v1aoEeFk"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-view1-ph-candidate-login-v1oUXYAk"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-view1-ph-candidate-login-v1jcluBM"> <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-view1-ph-candidate-login-v11DSD2B"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1DlLPl4"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1ie84LY"></i> </span> <span class="checkbox-text" data-ph-id="ph-view1-ph-candidate-login-v1jTquoD"> <ppc-content key="cAw9Zn-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-ph-candidate-login-v1hLHgGs"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-ABNOFO"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-x4RDPT"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-view1-ph-candidate-login-v1Yme8P0"> <span class="checkbox-text" data-ph-id="ph-view1-ph-candidate-login-v1MQBCgk"> <ppc-content key="KXWiiH-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-ph-candidate-login-v1j6bEM6"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-ABNOFO"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-x4RDPT"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-view1-ph-candidate-login-v1wRXLSa"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-view1-ph-candidate-login-v1piQhv1"> <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-view1-ph-candidate-login-v1U3vpUd"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1IYOkB5"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1Iiql4a"></span> <span class="checkbox-text" data-ph-id="ph-view1-ph-candidate-login-v1l7Nyky"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-view1-ph-candidate-login-v1KqZexC"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-view1-ph-candidate-login-v13KWkmG">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-view1-ph-candidate-login-v1gqXPwk"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1709113188026" instance-id="dk1signup" original-view="default" data-ph-id="ph-view1-ph-candidate-login-v1kjNzth"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1A7viyB"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-view1-ph-candidate-login-v1FGI4fW"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-view1-ph-candidate-login-v1D2SWHH"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1knhY6n"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-view1-ph-candidate-login-v1F4yl4A"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-view1-ph-candidate-login-v1NiYqjT"> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1fbvyUq"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-ph-candidate-login-v1FvtkhL"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-view1-ph-candidate-login-v1DKk64t"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-view1-ph-candidate-login-v1bTUc8b"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-view1-ph-candidate-login-v10qezq1"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-view1-ph-candidate-login-v1EkZQ7n"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113522541" original-view="view5" instance-id="" data-ph-id="ph-view1-ph-candidate-login-v1CNn6Fv"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-view1-ph-candidate-login-v1ZATILA"> <span data-ph-id="ph-view1-ph-candidate-login-v1oYvyuU"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-ph-candidate-login-v1SaDbVa"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-view1-ph-candidate-login-v1PfWvuW"> <span data-ph-id="ph-view1-ph-candidate-login-v18YBdZX"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-ph-candidate-login-v1KnQM8c"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-view1-ph-candidate-login-v1twHNfY"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-ph-candidate-login-v1zzhiqk">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-view1-ph-candidate-login-v1pQ0AuH">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' &amp;&amp; !showLoader" data-ph-id="ph-view1-ph-candidate-login-v120rxWk"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-view1-ph-candidate-login-v1htkppT"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-ph-candidate-login-v1vBl41K"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-view1-ph-candidate-login-v1uImL9E"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-view1-ph-candidate-login-v1ku7lLT"> <form novalidate="" data-ph-id="ph-view1-ph-candidate-login-v1E237c9"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-ph-candidate-login-v12R1Fz8"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-ph-candidate-login-v1DsXIjV"> <label for="createNewPassword" class="form-label" data-ph-id="ph-view1-ph-candidate-login-v16YTNno"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1QlxNtz"> <div class="text-box" data-ph-id="ph-view1-ph-candidate-login-v1tGh2GD"> <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 &amp;&amp; !resetPasswordModel.newPassword ? &quot;createNewPasswordDesc&quot; : &quot;errorCreateNewPassword&quot; }" 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-view1-ph-candidate-login-v1SrjMMW"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-ph-candidate-login-v1ATdaQ6"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-ph-candidate-login-v1JKf9Gh"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-ph-candidate-login-v1Schwu6"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-ph-candidate-login-v14TSuy1"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1OefVa6"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1KVf4n1"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1HWseTQ"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v1dfP9vw"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v1sOMWJZ"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-view1-ph-candidate-login-v1TwFnsD"> <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1mN0KOI"> <span class="sr-only" data-ph-id="ph-view1-ph-candidate-login-v179TW7b"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-view1-ph-candidate-login-v1BDk62V"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-ph-candidate-login-v1ou2UfY"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-ph-candidate-login-v1MvgxO4"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-ph-candidate-login-v10Gg4Mx"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-ph-candidate-login-v1tdVvIs"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-view1-ph-candidate-login-v1JmOBLV"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1vJwXjn">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1JYax6s">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1cydInO">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1wkYKyp">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-ph-candidate-login-v1tUXYdm"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-ph-candidate-login-v1ZZQl35"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v19HDX9m"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-ph-candidate-login-v1m2PkZy"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-view1-ph-candidate-login-v1SR3noZ"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-view1-ph-candidate-login-v1YPZnzG"> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1gCh791"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-view1-ph-candidate-login-v1sYqPjS"> ${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-view1-ph-candidate-login-v154WotS"> <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-view1-ph-candidate-login-v1hRVQNA"> <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-view1-ph-candidate-login-v184ZeCT"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v19eGrgA"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-view1-ph-candidate-login-v1UxhTz4"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-view1-ph-candidate-login-v1gduR94"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-view1-ph-candidate-login-v1nklJFf">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-view1-ph-candidate-login-v1XDYWca"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-view1-ph-candidate-login-v1FgCtJE">${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-view1-ph-candidate-login-v1mHXqBU"> ${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-view1-ph-candidate-login-v1BlF2hy"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1h3f7pw"></i> <span data-ph-id="ph-view1-ph-candidate-login-v10QxfOu">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1709112505881-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-ph-social-connect-v1Tk2mSu"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-ph-social-connect-v1nVM6vM"> <div class="widget-container" data-ph-id="ph-view5-ph-social-connect-v1CkSA9i"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-ph-social-connect-v1fw3CHK"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-ph-social-connect-v1PHk4MU"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-ph-social-connect-v1oGsd1P"> <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-v1g3uBcV"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1QzYe9B"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1nOBoff"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1vYJmyU"> <ppc-content key="rPdfkt-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v12Dz9tO"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-v1KO34jC"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1HzRI0F"> <ppc-content key="YMl82d-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v1zTHmen"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-v1YGCBM1"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-ph-social-connect-v1W5yBVQ"> <span class="social-alert-msg" data-ph-id="ph-view5-ph-social-connect-v13Secgn"> ${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-v1fJtaDV"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (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-v10e04eE"> <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-v1MKEQFL"> <div class="icon-block" data-ph-id="ph-view5-ph-social-connect-v13pPAm9"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1CZ50As"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1Dyqvfb"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1709112505278-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-ph-consent-popup-v140K3S3"> <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-v10Fotoe"> <span class="sr-only required-checkbox" data-ph-id="ph-default-ph-consent-popup-v1lphyuq">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-ph-consent-popup-v1Adam3W"> <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-v1p9om17"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-ph-consent-popup-v1BXHssz"> <div class="close-popup-btn" data-ph-id="ph-default-ph-consent-popup-v1GSqlQD"> <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-v1IlYepm"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v12f1D5P"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-ph-consent-popup-v1lZTxp8"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-ph-consent-popup-v1QmZi1J"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-ph-consent-popup-v11Pv1uE"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-ph-consent-popup-v1TCgQSJ"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-ph-consent-popup-v11VrFa8"> <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-v1w7bf45"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1c3m44f"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1jDCfTu"></span> <span class="checkbox-text" data-ph-id="ph-default-ph-consent-popup-v1oa70nJ"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-ph-consent-popup-v1u3gTOx"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-ph-consent-popup-v1WXW32r">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-ph-consent-popup-v1SFJLp4"> <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-v1qi68Hw"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1709112505217-view1" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-view1-ph-candidate-login-v1BZpMBK"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view1-ph-candidate-login-v1vIvFCO"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-view1-ph-candidate-login-v1IlRKVX"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-view1-ph-candidate-login-v1CnFCXZ"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-ph-candidate-login-v1V0JsUg"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1Jk2ET2"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-view1-ph-candidate-login-v1yCneQ1"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1b7zYpE"></i> <span class="alert-msg" data-ph-id="ph-view1-ph-candidate-login-v1VtM9Nn"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-ph-candidate-login-v1FFz80J"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-view1-ph-candidate-login-v1cKifgo"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-view1-ph-candidate-login-v19ZoylZ"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-ph-candidate-login-v1Ek137Z"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-view1-ph-candidate-login-v1vkNjV1"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-view1-ph-candidate-login-v1lRRDVv"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-ph-candidate-login-v1tAvqO5"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-view1-ph-candidate-login-v1UWRBFY"> ${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-view1-ph-candidate-login-v1awr7Gs"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-ph-candidate-login-v1jzPlZe"> <form novalidate="" data-ph-id="ph-view1-ph-candidate-login-v1NMt1xe"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-ph-candidate-login-v1Vxc8mT"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-view1-ph-candidate-login-v1ZjlQkJ"> <label for="signinEmail" class="form-label" data-ph-id="ph-view1-ph-candidate-login-v1loMwPZ"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1jHkgVz"> <div class="text-box" data-ph-id="ph-view1-ph-candidate-login-v1ANJP2p"> <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-view1-ph-candidate-login-v1mVRaJP"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-ph-candidate-login-v1rYNlb1"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-ph-candidate-login-v1K6ddIT"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-view1-ph-candidate-login-v1TzQNZt"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1FmagHq"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1FsPPET"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1MnFGeG"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1Jf9tym"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1iw5zGX"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-ph-candidate-login-v1gXPZSi"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-view1-ph-candidate-login-v1D2J2rJ"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-ph-candidate-login-v10hUbxc"> ${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-view1-ph-candidate-login-v1u4cbAV"> <label for="signInPassword" class="form-label" data-ph-id="ph-view1-ph-candidate-login-v18WyNEZ"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1KNnNcf"> <div class="text-box" data-ph-id="ph-view1-ph-candidate-login-v1k8tSJP"> <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-view1-ph-candidate-login-v1mF2I5r"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-view1-ph-candidate-login-v1dB5Xpb"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-ph-candidate-login-v1GcZGwo"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-ph-candidate-login-v17puleA"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1qwwwHN"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1cw3r0C"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1p5l2Bq"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v1nl9ME3"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v1coNCvs"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-view1-ph-candidate-login-v1IAHBUi"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1LDmtM2"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1n8bToP"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1D4MH1E"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1hTuraC"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1ojKaJE"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-view1-ph-candidate-login-v1ggN4a5"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-view1-ph-candidate-login-v1eUDbse"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1BtBOSn"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-ph-candidate-login-v1rSFjVy"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-view1-ph-candidate-login-v1uHgDvx"> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1PwSRVS"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-ph-candidate-login-v1AlxnG0"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1zUON5r"> <div class="user-options" data-ph-id="ph-view1-ph-candidate-login-v1nj4pYR"> <span class="each-option" data-ph-id="ph-view1-ph-candidate-login-v18d9pPo"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-view1-ph-candidate-login-v1qX5T0q"> <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-view1-ph-candidate-login-v1hfg7gg"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v18nhM7l"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1yoohWT"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-view1-ph-candidate-login-v1ua0wr7"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-view1-ph-candidate-login-v10d7BAH"> <span class="forgot-password-area" data-ph-id="ph-view1-ph-candidate-login-v1DM7Ujf"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-view1-ph-candidate-login-v1431VQM"> ${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-view1-ph-candidate-login-v1xU7b1c"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-view1-ph-candidate-login-v1UVmcFY"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1rdJgd1"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-ph-candidate-login-v1n2uU6h"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-ph-candidate-login-v1CsTXBs"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1anIqgg"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-view1-ph-candidate-login-v1ZUN1sS"> ${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-view1-ph-candidate-login-v1ffX5mn"> <span id="cd-pf-recieve-email" data-ph-id="ph-view1-ph-candidate-login-v18AyUqf"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <button ref="resendEmailLink" class.bind="!isResendBtnEnable ? 'resend-btn-disabled cd-resend-mail' : 'cd-resend-mail'" disabled.bind="!isResendBtnEnable" click.delegate="resendPswrdResetLink()" data-ph-id="ph-view1-ph-candidate-login-v1ALo3Ig"> ${widgetBundle['resentEmailButtonText'] | pht} </button> <span tabindex="-1" if.bind="isEmailResend" class="resend-success-text" data-ph-id="ph-view1-ph-candidate-login-v1zNAZEH"> ${widgetBundle['emailResendSuccessText'] | pht} </span> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-ph-candidate-login-v1aLbvdA"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-view1-ph-candidate-login-v1HTFyST"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-view1-ph-candidate-login-v1LOarqp"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-ph-candidate-login-v1of1nr2"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-view1-ph-candidate-login-v1ojVjvT"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-view1-ph-candidate-login-v1eVgd9s"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-view1-ph-candidate-login-v1xgCzE9"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-ph-candidate-login-v1KTACpk"> <form novalidate="" data-ph-id="ph-view1-ph-candidate-login-v1yqxTYJ"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-ph-candidate-login-v1t9TC18"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-view1-ph-candidate-login-v1cHbuka"> <label for="createEmail" class="form-label" data-ph-id="ph-view1-ph-candidate-login-v1m7PPxy"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v160Oshi"> <div class="text-box" data-ph-id="ph-view1-ph-candidate-login-v1QKufmO"> <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-view1-ph-candidate-login-v1mEnKYm"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-ph-candidate-login-v12VNj0w"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-ph-candidate-login-v1AD7t1v"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-view1-ph-candidate-login-v1P3JlAE"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1labUiO"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1q7uuLF"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1nWDzlj"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1UYb0Gu"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1y7In2n"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-ph-candidate-login-v1hddFAx"> 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 &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-view1-ph-candidate-login-v1z9k6et"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-ph-candidate-login-v1oDw4J3"> ${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-view1-ph-candidate-login-v1nCN5cr"> <label for="createPassword" class="form-label" data-ph-id="ph-view1-ph-candidate-login-v1AoY0Pw"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1baR3ng"> <div class="text-box" data-ph-id="ph-view1-ph-candidate-login-v14O31Cu"> <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-view1-ph-candidate-login-v1w6PVOb"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-ph-candidate-login-v13ndOhc"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-ph-candidate-login-v1AGbGI1"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-ph-candidate-login-v1qaB3Nl"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-ph-candidate-login-v1eSQutD"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1HlNAw9"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1wLEROH"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1T0jsF4"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v13mgfmp"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v1IqwETl"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-view1-ph-candidate-login-v1mnPG3X"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v11TztZY">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v100imsO">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1y4EYOB">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1ul52fi">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1AIDQFf"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-ph-candidate-login-v1bSTRXR"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1IHvj1J"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-ph-candidate-login-v14mHY5J"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1dep4W6"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-ph-candidate-login-v1g4L73k"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-ph-candidate-login-v1WXLPrT"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-ph-candidate-login-v16Xf2VA"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-ph-candidate-login-v1XtRUyw"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-ph-candidate-login-v1Ru2qeH"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-ph-candidate-login-v1MRK4LF"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-view1-ph-candidate-login-v1v1j6JP"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-view1-ph-candidate-login-v1hcoS0C"> <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-view1-ph-candidate-login-v1F8jmO7"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1jlpCXw"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1DD8dDD"></i> </span> <span class="checkbox-text" data-ph-id="ph-view1-ph-candidate-login-v1rWUlP2"> <ppc-content key="o39Zcn-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-ph-candidate-login-v1OXto8Y"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-ABNOFO"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-x4RDPT"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-view1-ph-candidate-login-v1dg1vyt"> <span class="checkbox-text" data-ph-id="ph-view1-ph-candidate-login-v1TbV6kz"> <ppc-content key="qM2rdy-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-ph-candidate-login-v1huS09u"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-ABNOFO"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-x4RDPT"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-view1-ph-candidate-login-v1cz69FE"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-view1-ph-candidate-login-v1i1HVnA"> <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-view1-ph-candidate-login-v1ndarSC"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1m257Iu"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1OYjnia"></span> <span class="checkbox-text" data-ph-id="ph-view1-ph-candidate-login-v1kV16K6"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-view1-ph-candidate-login-v1CvarUD"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-view1-ph-candidate-login-v1cmdjpM">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-view1-ph-candidate-login-v1Bcj4om"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1709113188359" instance-id="dk1signup" original-view="default" data-ph-id="ph-view1-ph-candidate-login-v1Yg523W"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1jhjHmL"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-view1-ph-candidate-login-v1zzqAk4"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-view1-ph-candidate-login-v1XP4cUm"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1MYSFTY"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-view1-ph-candidate-login-v1wmFcBh"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-view1-ph-candidate-login-v1ZB5dFo"> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1iq54tl"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-ph-candidate-login-v1ySjFlZ"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-view1-ph-candidate-login-v1PKHdwU"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-view1-ph-candidate-login-v1jarBLs"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-view1-ph-candidate-login-v1sygHi5"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-view1-ph-candidate-login-v14BI5qa"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113522887" original-view="view5" instance-id="" data-ph-id="ph-view1-ph-candidate-login-v1Mj9wkW"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-view1-ph-candidate-login-v1jvdLfv"> <span data-ph-id="ph-view1-ph-candidate-login-v1My5SWb"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-ph-candidate-login-v1Ovd4V5"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-view1-ph-candidate-login-v1iXcWef"> <span data-ph-id="ph-view1-ph-candidate-login-v1HTg2d5"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-ph-candidate-login-v1R11FmS"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-view1-ph-candidate-login-v1081Z46"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-ph-candidate-login-v1viWSyl">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-view1-ph-candidate-login-v1Z1Etw5">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' &amp;&amp; !showLoader" data-ph-id="ph-view1-ph-candidate-login-v1gOjJ3O"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-view1-ph-candidate-login-v1am3FOG"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-ph-candidate-login-v1XOQQxc"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-view1-ph-candidate-login-v1BAgv7O"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-view1-ph-candidate-login-v1zQyZar"> <form novalidate="" data-ph-id="ph-view1-ph-candidate-login-v1LpBZ5J"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-ph-candidate-login-v1tyu880"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-ph-candidate-login-v1sVmta4"> <label for="createNewPassword" class="form-label" data-ph-id="ph-view1-ph-candidate-login-v1DlSxZ4"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v10WDQe9"> <div class="text-box" data-ph-id="ph-view1-ph-candidate-login-v1dO6AKk"> <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 &amp;&amp; !resetPasswordModel.newPassword ? &quot;createNewPasswordDesc&quot; : &quot;errorCreateNewPassword&quot; }" 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-view1-ph-candidate-login-v1oGOMW5"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-ph-candidate-login-v19HSzK8"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-ph-candidate-login-v1Q1pX48"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-ph-candidate-login-v18Ey9Ap"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-ph-candidate-login-v1Hoxax1"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1YI44sO"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1ARWAg4"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-ph-candidate-login-v1sSDaoX"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v1E3qzIW"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-ph-candidate-login-v19Y8GzU"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-view1-ph-candidate-login-v1vS9iXj"> <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-ph-candidate-login-v1oN7zM5"> <span class="sr-only" data-ph-id="ph-view1-ph-candidate-login-v17DZXxP"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-view1-ph-candidate-login-v19L35IC"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-ph-candidate-login-v1ICtA6l"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-ph-candidate-login-v1EOQZc9"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-ph-candidate-login-v1aUvCUq"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-ph-candidate-login-v1f206KR"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-view1-ph-candidate-login-v1YIZ9UF"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1cMtvgk">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1sx97Ox">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v10IxRiG">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-ph-candidate-login-v1JgsrFC">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-ph-candidate-login-v1rf9JcB"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-ph-candidate-login-v1BUu6f6"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1RbNe5C"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-ph-candidate-login-v1CJj8sP"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-view1-ph-candidate-login-v17RiFaF"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-view1-ph-candidate-login-v1HPrwBo"> <div class="form-container" data-ph-id="ph-view1-ph-candidate-login-v1TeuifG"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-view1-ph-candidate-login-v1O3nBqd"> ${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-view1-ph-candidate-login-v108Swdh"> <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-view1-ph-candidate-login-v1XlivFA"> <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-view1-ph-candidate-login-v1GZ56Js"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v15xIqBH"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-view1-ph-candidate-login-v1SZGxQR"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-view1-ph-candidate-login-v1aNL73S"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-view1-ph-candidate-login-v1TJUfGB">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-view1-ph-candidate-login-v1bFJyoH"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-view1-ph-candidate-login-v1UYCGpw">${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-view1-ph-candidate-login-v10bnPcA"> ${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-view1-ph-candidate-login-v1t8ni9P"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-view1-ph-candidate-login-v1952ZiN"></i> <span data-ph-id="ph-view1-ph-candidate-login-v1F2N1cQ">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-external-upload-resume-1709112525817" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-5210876894082735-upload-resume-ph-import-resume-v1FzbW4A-N09EZo"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="B6HSRR-FzbW4A-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-5210876894082735-upload-resume-ph-import-resume-v1FzbW4A-rD60b8"> <div class="dropzone-content" data-ph-id="ph-5210876894082735-upload-resume-ph-import-resume-v1FzbW4A-9PQNhb"> <div class="content-holder" data-ph-id="ph-5210876894082735-upload-resume-ph-import-resume-v1FzbW4A-tUCbSR"> <span data-ph-id="ph-5210876894082735-upload-resume-ph-import-resume-v1FzbW4A-3fjDhP"> <ppc-content key="GtSFpb-FzbW4A-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-5210876894082735-upload-resume-ph-import-resume-v1FzbW4A-3iFdtc">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-external-upload-resume-1709112526186" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-5205764959706365-upload-resume-ph-import-resume-v1meTUBx-lbIe8p"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="IokJq1-meTUBx-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-5205764959706365-upload-resume-ph-import-resume-v1meTUBx-HXPqHO"> <div class="dropzone-content" data-ph-id="ph-5205764959706365-upload-resume-ph-import-resume-v1meTUBx-zWhcJq"> <div class="content-holder" data-ph-id="ph-5205764959706365-upload-resume-ph-import-resume-v1meTUBx-qSjukA"> <span data-ph-id="ph-5205764959706365-upload-resume-ph-import-resume-v1meTUBx-I5SxXO"> <ppc-content key="DHMLoB-meTUBx-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-5205764959706365-upload-resume-ph-import-resume-v1meTUBx-6g6DAu">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-external-upload-resume-1709112526497" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-6361785673358325-upload-resume-ph-import-resume-v13lsKJV-0nNxFU"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="cGoWqz-3lsKJV-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-6361785673358325-upload-resume-ph-import-resume-v13lsKJV-TiIVJD"> <div class="dropzone-content" data-ph-id="ph-6361785673358325-upload-resume-ph-import-resume-v13lsKJV-TokKfB"> <div class="content-holder" data-ph-id="ph-6361785673358325-upload-resume-ph-import-resume-v13lsKJV-DSb5bL"> <span data-ph-id="ph-6361785673358325-upload-resume-ph-import-resume-v13lsKJV-P9xeJN"> <ppc-content key="g6NFI2-3lsKJV-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-6361785673358325-upload-resume-ph-import-resume-v13lsKJV-1El9HD">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-external-upload-resume-1709112526809" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-1663479001553-external-upload-resume-ph-import-resume-v1-SqjBu8"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="B82TpN-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-1663479001553-external-upload-resume-ph-import-resume-v1-WFCfLV"> <div class="dropzone-content" data-ph-id="ph-1663479001553-external-upload-resume-ph-import-resume-v1-ZgpJVP"> <div class="content-holder" data-ph-id="ph-1663479001553-external-upload-resume-ph-import-resume-v1-xgcYww"> <span data-ph-id="ph-1663479001553-external-upload-resume-ph-import-resume-v1-PQZn0y"> <ppc-content key="ZUJTRQ-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-1663479001553-external-upload-resume-ph-import-resume-v1-RDN4tZ">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view4-1709112548947" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-gpPQSu"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-YPHviS"> <!-- 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-5210877004598014-view4-ph-social-connect-v12OOWiA-96Vgx5"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-sVFZlh"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-UaDE7S"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-3JKVNh"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-9tUWwT"> <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="2OOWiA-ph-social-connect-v1-view4-privacyDataConsentCheckboxText" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-GPIb2O"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-hFdPsk"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-FVVNJn"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-mn5QqP"> <ppc-content key="8R05CT-2OOWiA-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-jfCduq"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-4uoJlt"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-AfBdxe"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-1NPuI9"> <span class="social-checkbox-btn-text" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-VlhotC"> <ppc-content key="ozfZkD-2OOWiA-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-uI7mhX"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-jC361m"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-kBCxwQ"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-2u5lYO"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-h6PXDk"> <span class="social-alert-msg" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-8w6JEh"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="2OOWiA-ph-social-connect-v1-view4-listRole" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-jAV2q3"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="2OOWiA-ph-social-connect-v1-view4-listItemRole" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-kNmZx6"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-39cXNT"> <div class="icon-block" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-Beu2N7"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-6o5S7r"></i> </div> <div class="text-block" data-ph-id="ph-5210877004598014-view4-ph-social-connect-v12OOWiA-TBTt1P"> ${widgetBundle[eachSocial.name] | pht} </div> </a> </li> </ul> </div> </div> </div> <!-- Social Connet Area Ends --> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view4-1709112549323" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-x71cs0"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-MJqvGi"> <!-- 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-5205765019222048-view4-ph-social-connect-v1le0X5C-G4k1zQ"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-2zBMqw"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-6fQBSF"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-SrBZ8J"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-xDMVex"> <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="le0X5C-ph-social-connect-v1-view4-privacyDataConsentCheckboxText" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-IcrPeM"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-y1yAjh"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-9XqCyP"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-9DAYF4"> <ppc-content key="wkiIjq-le0X5C-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-6wO9GW"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-oOHmeo"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-XURYMj"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-D4yOpH"> <span class="social-checkbox-btn-text" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-uPr29N"> <ppc-content key="2KutEt-le0X5C-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-XiqYAq"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-dNzoDz"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-ER4rsv"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-0ZWTwK"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-6FJhUu"> <span class="social-alert-msg" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-zq2jJn"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="le0X5C-ph-social-connect-v1-view4-listRole" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-Xzbg32"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="le0X5C-ph-social-connect-v1-view4-listItemRole" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-IcFdef"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-KQ19hp"> <div class="icon-block" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-WErfsk"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-9047dR"></i> </div> <div class="text-block" data-ph-id="ph-5205765019222048-view4-ph-social-connect-v1le0X5C-X6b9PG"> ${widgetBundle[eachSocial.name] | pht} </div> </a> </li> </ul> </div> </div> </div> <!-- Social Connet Area Ends --> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view4-1709112549633" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-XCcJX2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-P8lSrp"> <!-- 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-6361786766738700-view4-ph-social-connect-v1IzIIN6-Aqs4tG"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-WhJugy"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-xHgEAl"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-V66osi"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-j47dL4"> <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="IzIIN6-ph-social-connect-v1-view4-privacyDataConsentCheckboxText" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-27Mtrg"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-HRkHil"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-KRK0D0"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-LoE6Vd"> <ppc-content key="KVtbjM-IzIIN6-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-kB8x4e"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-ahqsWt"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-IkPOA9"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-fiJJpk"> <span class="social-checkbox-btn-text" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-gY3xOk"> <ppc-content key="z3CNpG-IzIIN6-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-8y4hwU"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-itPPNe"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-UEP8Yw"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-3SJsz1"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-6sEBmK"> <span class="social-alert-msg" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-RYkcQ5"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="IzIIN6-ph-social-connect-v1-view4-listRole" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-6n0tf4"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="IzIIN6-ph-social-connect-v1-view4-listItemRole" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-QgGApT"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-QoYOzP"> <div class="icon-block" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-5IoWjg"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-qCPfFs"></i> </div> <div class="text-block" data-ph-id="ph-6361786766738700-view4-ph-social-connect-v1IzIIN6-3zMXMk"> ${widgetBundle[eachSocial.name] | pht} </div> </a> </li> </ul> </div> </div> </div> <!-- Social Connet Area Ends --> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view4-1709112549953" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-1IxPgf"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-plLoHK"> <!-- 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-1663479001564-view4-ph-social-connect-v1-ptd9C4"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-SpksHN"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-h5RvxE"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-7fiet6"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-hLZKAM"> <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-1663479001564-view4-ph-social-connect-v1-FmKv1V"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-EKaKo7"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-fDwgrp"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-XOQhHD"> <ppc-content key="jp9IbH-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-nLxcI8"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1IUMnt5"> ${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-v1Kh8wpf"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-eS2DLq"> <span class="social-checkbox-btn-text" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-9I3nNU"> <ppc-content key="SXSiSE-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-UB8qSw"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1IUMnt5"> ${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-v1Kh8wpf"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-NnZWMg"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-oExyFB"> <span class="social-alert-msg" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-uDtCOk"> ${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-1663479001564-view4-ph-social-connect-v1-WG1dyb"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view4-listItemRole" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-go15rV"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-BsePfu"> <div class="icon-block" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-XVsiQe"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-XtBaYk"></i> </div> <div class="text-block" data-ph-id="ph-1663479001564-view4-ph-social-connect-v1-EERzxi"> ${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-candidate-login-v1-view1-1709112990494" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Y2psx5"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-4T888m"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-f5wPzc"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-0Jm3yH"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-5wIt2Q"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-jqUtIQ"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-uZ5EdC"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-pIOWFX"></i> <span class="alert-msg" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-9Tcl4L"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-5xxXSS"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-5eiVO6"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Ms8tTO"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-rdWGPV"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-WgPFm5"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Te1vHm"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-EIkJLy"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-qddR9i"> ${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-view1-1709112625523-ph-candidate-login-v1PY9lGb-UVKSwB"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Xq5N41"> <form novalidate="" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-mS9g8G"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-MV2cRQ"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-CpSeVN"> <label for="signinEmail" class="form-label" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-gRPeyM"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-2UGAOE"> <div class="text-box" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-4LUgGo"> <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-view1-1709112625523-ph-candidate-login-v1PY9lGb-d88uGU"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-DShXxf"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-HbpNWm"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-hpyk6p"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-t9pxY0"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-PrNq9B"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ciXsU5"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-GvA4GB"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Ij8xkT"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-YH6Dt4"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Gjw3qq"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-5C2N3Y"> ${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-view1-1709112625523-ph-candidate-login-v1PY9lGb-QGzJWY"> <label for="signInPassword" class="form-label" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-fGBpMt"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-orMNc4"> <div class="text-box" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-qJRhlz"> <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-view1-1709112625523-ph-candidate-login-v1PY9lGb-ZfSVoy"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ALn6Rh"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-6NPhCA"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-nyltav"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Ybnoxg"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-tAvC3o"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Lh0KrH"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ScnJoJ"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Ga35sE"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-LmSVHl"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-S2mPEP"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-bDYt4h"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Q14mJf"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-DId8Am"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-CWzPRM"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-bROq5y"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-sLt2UE"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-tUon8e"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Utm6Um"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-mUkgBK"> <div class="form-container" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-5nIABY"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-u7sfdt"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-EGR1wm"> <div class="user-options" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-tc0CMr"> <span class="each-option" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-AbD2jr"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ejp1Kj"> <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-view1-1709112625523-ph-candidate-login-v1PY9lGb-fcxiza"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-RHbFsz"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-1t3zzD"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-eKuDwm"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-yb5cyz"> <span class="forgot-password-area" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-hi3k9l"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-JZRxe9"> ${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-view1-1709112625523-ph-candidate-login-v1PY9lGb-q1301D"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Ify33r"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-OJIqI2"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-6m9Zib"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-qDLMAE"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-1KxTQJ"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-kbLt8A"> ${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-view1-1709112625523-ph-candidate-login-v1PY9lGb-YJP0ve"> <span id="cd-pf-recieve-email" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-r0x9TK"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <button ref="resendEmailLink" class.bind="!isResendBtnEnable ? 'resend-btn-disabled cd-resend-mail' : 'cd-resend-mail'" disabled.bind="!isResendBtnEnable" click.delegate="resendPswrdResetLink()" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-IMSiP3"> ${widgetBundle['resentEmailButtonText'] | pht} </button> <span tabindex="-1" if.bind="isEmailResend" class="resend-success-text" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-4mXiq2"> ${widgetBundle['emailResendSuccessText'] | pht} </span> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-SR7Iqa"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-5tpPl7"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-bRV01u"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-B5Aajc"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-e5hWFQ"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-UMZjj6"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-odrQDO"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-BntHtv"> <form novalidate="" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-EcNWPW"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-GcbceY"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-lpbHqn"> <label for="createEmail" class="form-label" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-9PAefz"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-aJXocA"> <div class="text-box" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-eylJjE"> <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-view1-1709112625523-ph-candidate-login-v1PY9lGb-euqzG4"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-StqQgo"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-KZ8BAG"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-5ClMr2"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-iuM7r8"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-6tnQny"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-e6TW6N"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-mhpY2Q"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-UGeOkX"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ss46B8"> 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 &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ZHUqVq"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Wu2NQj"> ${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-view1-1709112625523-ph-candidate-login-v1PY9lGb-Ec8JLr"> <label for="createPassword" class="form-label" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-r9LX0G"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-rY8VXN"> <div class="text-box" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-U3I3wg"> <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-view1-1709112625523-ph-candidate-login-v1PY9lGb-5ASjZL"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-aijE1G"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-fGsCcz"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-jgtKm0"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-RGOPQL"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-qcrHq1"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-uBsIqh"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-cQgjbI"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-QNm0mE"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ZSXl5B"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ggC17l"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-zwiaQl">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-vTrQID">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Qm0STU">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-nHIvkT">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-yszr99"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-QG3HQq"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-hX1OQL"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-0OVhKW"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-CLzMbT"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-4l41D9"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-To8ptK"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-3YgBCJ"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-WXFzzb"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Ocq4JD"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ajWOER"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ThTyjD"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-CirToG"> <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="PY9lGb-ph-candidate-login-v1-view1-privacyDataConsentCheckboxText" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-SM48Jh"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-iMSg3F"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-vza0UQ"></i> </span> <span class="checkbox-text" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ypNIoL"> <ppc-content key="i0n4Q2-PY9lGb-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-xh7rMC"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5210877190925161-view1-ph-candidate-login-v1PY9lGb-RI3eqS"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877190925161-view1-ph-candidate-login-v1PY9lGb-FN0E3v"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-TqYUnJ"> <span class="checkbox-text" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-rpbzuy"> <ppc-content key="E40RAn-PY9lGb-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-1Daydu"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5210877190925161-view1-ph-candidate-login-v1PY9lGb-RI3eqS"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877190925161-view1-ph-candidate-login-v1PY9lGb-FN0E3v"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-yjexh2"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-CYrt7t"> <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-view1-1709112625523-ph-candidate-login-v1PY9lGb-yrdtb0"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-h3S7Vj"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-jvrOd0"></span> <span class="checkbox-text" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-QFAekn"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-3UHkT0"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-LijqYz">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-aCPX7p" view="1709112990459-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="default-1709113190637" instance-id="dk1signup" original-view="default" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-6bYqEZ"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-9CRvmU"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-kL0mt9"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-0NnYDF"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-rxQU8d"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-mKRc27"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-BZjL3q"> <div class="form-container" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-1kkbth"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-BkKOZE"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-qtuNBO"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Ltha5O"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-WKHs5Z"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-JdIr7d" view="1709112990472-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113523929" original-view="view5" instance-id="" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-WUtXJG"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-8Fj0KZ"> <span data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-TCt4Mp"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-dNbqZr"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-iXdizG"> <span data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-tdLlYh"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Xly4Ki"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-H7jUrS"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-i5PubK">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-g1CGHC">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-xP85Nn"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-reUfLK"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-47BhhK"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-AiV3Jt"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-bLBjbL"> <form novalidate="" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-cQY9zy"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-VYcmQB"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-1H2xJ1"> <label for="createNewPassword" class="form-label" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-2RHJ8v"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-54SEMO"> <div class="text-box" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-AlsVU2"> <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 &amp;&amp; !resetPasswordModel.newPassword ? &quot;createNewPasswordDesc&quot; : &quot;errorCreateNewPassword&quot; }" 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-view1-1709112625523-ph-candidate-login-v1PY9lGb-XDGHfv"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-UI62Tp"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-k3juCL"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-fIfxle"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-eqdldD"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-tDHNXa"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-aKtxVW"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-CVkCm4"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-q0EQrg"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-pAmJmR"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ObHZJU"> <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-qB4Bg5"> <span class="sr-only" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-B3Tt9j"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-0hzyEp"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-1SqFvu"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-XrwhjU"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ZqI5Vu"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-dyBNFT"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-b3heMK"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-TVDZt8">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Y8FlYw">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-Onsig4">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-tIBS5Q">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-eY8bzG"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-bvr7BN"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-fsYkNg"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-VD4T9L"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-qweotT"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-pdCBwm"> <div class="form-container" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-2MvkUZ"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-fIOYuB"> ${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-view1-1709112625523-ph-candidate-login-v1PY9lGb-DAFqvx"> <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-view1-1709112625523-ph-candidate-login-v1PY9lGb-ykzfGl"> <button class="close-popup close" key-aria-label="PY9lGb-ph-candidate-login-v1-view1-closePopup" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-ZfGZ3u"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-SdlRKz"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-22MyXp"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-rYkz3U"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-hpfKHe">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-JFaKKJ"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-XmpQwa">${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-view1-1709112625523-ph-candidate-login-v1PY9lGb-rhsZQ9"> ${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-view1-1709112625523-ph-candidate-login-v1PY9lGb-15aUk1"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-lAFoFu"></i> <span data-ph-id="ph-view1-1709112625523-ph-candidate-login-v1PY9lGb-OV1UlU">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1709112991179" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-2GfGjQ"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-qpmDjY"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Nb3zRO"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-wBr22j"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-kXwZb5"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-krjyce"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-b3LDff"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-IngenT"></i> <span class="alert-msg" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-f0fLUc"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-BZLK71"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-0Q5qWp"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Nr2qkV"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-TaB0RS"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-bJRMBF"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-eQPePI"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-XUPbR7"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-IjQKWK"> ${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-view1-1709112626016-ph-candidate-login-v1H3HUKP-P992Zy"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-gRVext"> <form novalidate="" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-icbWB0"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-wmgusH"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-XiTYD1"> <label for="signinEmail" class="form-label" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-XEEIBN"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-ANCl2n"> <div class="text-box" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-eIa2I4"> <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-view1-1709112626016-ph-candidate-login-v1H3HUKP-hYBX2S"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-KMc3z9"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-vhQXk7"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-EYEp0V"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-pYDb1E"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-rjVGhv"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-F1G2Rg"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-IZIAmn"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-8upNs3"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Tf48hh"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-xeYzHC"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-HiNQxI"> ${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-view1-1709112626016-ph-candidate-login-v1H3HUKP-fyIo9y"> <label for="signInPassword" class="form-label" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-gff1FE"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-RSxduR"> <div class="text-box" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-idnylz"> <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-view1-1709112626016-ph-candidate-login-v1H3HUKP-JXBWAZ"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-NrybZu"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-TnEmOl"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-uC1WFY"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-edcPCn"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-XmWMLC"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-EO7lPo"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-vX8rZn"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-0JU6Dk"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-mrGceu"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-xSYM3w"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-ZZI3hR"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-ddkkTS"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-dq4yvh"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-1lvffQ"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-WYEiGb"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Hl9RGe"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Q1Jlhe"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-nQpIT2"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Q8xUTy"> <div class="form-container" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-KpIqgh"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-YWDD3V"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-lOruRG"> <div class="user-options" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-czOEAI"> <span class="each-option" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-BnD18C"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-vox7OP"> <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-view1-1709112626016-ph-candidate-login-v1H3HUKP-SQar3R"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-wTsPwL"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-8aycYb"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-8PUH9v"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-zDPIjk"> <span class="forgot-password-area" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-ap1HHI"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-MNPUfx"> ${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-view1-1709112626016-ph-candidate-login-v1H3HUKP-4lEro8"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-EGWKZF"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Xj0kni"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-TS8ew9"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-fzYdti"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-39Y1WR"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-iIob80"> ${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-view1-1709112626016-ph-candidate-login-v1H3HUKP-ysjgPw"> <span id="cd-pf-recieve-email" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-XMEFCP"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <button ref="resendEmailLink" class.bind="!isResendBtnEnable ? 'resend-btn-disabled cd-resend-mail' : 'cd-resend-mail'" disabled.bind="!isResendBtnEnable" click.delegate="resendPswrdResetLink()" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-zxJyr7"> ${widgetBundle['resentEmailButtonText'] | pht} </button> <span tabindex="-1" if.bind="isEmailResend" class="resend-success-text" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-tDTSpr"> ${widgetBundle['emailResendSuccessText'] | pht} </span> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-PrkBMp"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-IikJ4O"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-dJavZr"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-5LQzht"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Z0hzZl"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-bEztHU"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-bEA2D7"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-COARaR"> <form novalidate="" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-QV31zp"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-wMHLr0"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-adVO78"> <label for="createEmail" class="form-label" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-7TiXew"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-nq8WET"> <div class="text-box" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-MKUaci"> <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-view1-1709112626016-ph-candidate-login-v1H3HUKP-BLEbr0"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-rUnw7o"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-4WQQDk"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-HduPDD"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-qr18kQ"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-4Zipv8"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-5RSOZi"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-ElSEij"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-zMLQ54"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-G395MS"> 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 &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-CRYgqm"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-nwECnA"> ${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-view1-1709112626016-ph-candidate-login-v1H3HUKP-zodG2r"> <label for="createPassword" class="form-label" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-ciaGA7"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-V34C8T"> <div class="text-box" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-5Tm4Hz"> <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-view1-1709112626016-ph-candidate-login-v1H3HUKP-iqxPDw"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-axdBko"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-xGndLZ"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-OajRpK"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-K1jZe1"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Vg19vx"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-IBtEJZ"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-T0d05l"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-KGPmCb"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-E8oQIf"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-XzZ1RY"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-TLAQwy">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-evL2ZA">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-reNukx">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-PkTyj1">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Bv1MEm"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-giMqwG"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-KoxrJU"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-k7uhRf"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-DVeaub"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-8rHg34"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Rb6YXD"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-pZXiDX"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-jC1Jqu"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-4C2fJv"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-mwMODz"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-fsjgFT"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Rb0HJ6"> <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="H3HUKP-ph-candidate-login-v1-view1-privacyDataConsentCheckboxText" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-XCcBq9"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-UMpqh1"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-KdL8R5"></i> </span> <span class="checkbox-text" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-T6cNkI"> <ppc-content key="hZkEFF-H3HUKP-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-OMCAgh"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5205765204032342-view1-ph-candidate-login-v1H3HUKP-YeloJc"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765204032342-view1-ph-candidate-login-v1H3HUKP-MHQXkT"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-L9VZZM"> <span class="checkbox-text" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-ewC9vh"> <ppc-content key="2vqeM8-H3HUKP-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-C3F5Ky"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5205765204032342-view1-ph-candidate-login-v1H3HUKP-YeloJc"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765204032342-view1-ph-candidate-login-v1H3HUKP-MHQXkT"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-GSgK2J"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-3Mj9Am"> <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-view1-1709112626016-ph-candidate-login-v1H3HUKP-76dOR9"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-qF5m9c"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-82pk7V"></span> <span class="checkbox-text" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-OLbutj"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Ib4bQp"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-2vp74g">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-I0Yiiz" view="1709112990459-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="default-1709113190979" instance-id="dk1signup" original-view="default" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-YvqcAm"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-NuRNoY"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-axoCl8"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-hp4qlp"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-fEqFg6"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-QpWAtl"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-IZv47d"> <div class="form-container" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-7X3Wna"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Eq7a8u"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-1ubhDz"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-MrZzzC"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-5XGO8x"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-a8o730" view="1709112990472-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113524280" original-view="view5" instance-id="" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-nAzox5"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-ZRyx23"> <span data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-RkHfhA"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-UMPwVJ"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-YePSVa"> <span data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-3VgdWV"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-oBlmur"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-XgtOaW"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-HHiNJZ">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-ExBnO0">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-H2bqiU"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-jhuT6I"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-R835RJ"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-2TWyOA"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-CdHwvD"> <form novalidate="" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-8jfyzw"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-yqn636"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-IEDfW9"> <label for="createNewPassword" class="form-label" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-WRhgxw"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-7sSGMI"> <div class="text-box" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-bsaN6i"> <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 &amp;&amp; !resetPasswordModel.newPassword ? &quot;createNewPasswordDesc&quot; : &quot;errorCreateNewPassword&quot; }" 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-view1-1709112626016-ph-candidate-login-v1H3HUKP-TCzQr0"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-kcRX1R"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-MLsJaR"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-11zeRK"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-T3BHO4"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-4L785d"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-Y6pRYE"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-JEJPQu"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-pml9Cl"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-pIdr6G"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-tFOEap"> <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-cPyTYu"> <span class="sr-only" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-749YGB"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-UgEk9a"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-NQolai"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-6nSPiY"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-MTNT0F"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-qzEfCp"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-7MS6Yx"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-CwKM43">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-ewN3nX">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-bP2JBS">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-6UL1ck">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-CyCOhO"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-rM0hlV"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-JY7DfW"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-vsp8Ga"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-RWZZhX"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-vTjzvh"> <div class="form-container" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-hHnDcq"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-bPt3wp"> ${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-view1-1709112626016-ph-candidate-login-v1H3HUKP-edSdQ5"> <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-view1-1709112626016-ph-candidate-login-v1H3HUKP-fICGvc"> <button class="close-popup close" key-aria-label="H3HUKP-ph-candidate-login-v1-view1-closePopup" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-8JfYXf"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-atc2xD"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-zmpUks"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-se1yhJ"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-kf2ZMH">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-CdWu2H"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-hz8lZn">${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-view1-1709112626016-ph-candidate-login-v1H3HUKP-OcZYoY"> ${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-view1-1709112626016-ph-candidate-login-v1H3HUKP-2YnjA2"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-YixK3n"></i> <span data-ph-id="ph-view1-1709112626016-ph-candidate-login-v1H3HUKP-OVRsxV">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1709112991931" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-VGIVl0"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-hFCQi9"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-ySPq3b"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-LaN9xw"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-Xcge2D"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-GRDvhr"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-K5gke8"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-cRfzEd"></i> <span class="alert-msg" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-f9eomm"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-l6HUaH"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-z4PYJ6"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-LAKNui"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-Yd1Ec8"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-s7vyzs"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-GGWqf0"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-JVuhxX"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-w3lCjH"> ${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-view1-1709112626449-ph-candidate-login-v1GM60rq-1E0FhF"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-RYqvr4"> <form novalidate="" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-1aGdAC"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-IfXnXy"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-MOuFmA"> <label for="signinEmail" class="form-label" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-AhLEBt"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-VyTsJf"> <div class="text-box" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-PEzuCV"> <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-view1-1709112626449-ph-candidate-login-v1GM60rq-0QY4mW"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-LBFZEO"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-iQlRRn"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-6GSb0f"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-DI4ZeG"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-nWmbMx"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-RiaBF9"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-ZvpXMJ"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-Hwq0VC"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-IZwkfI"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-j8ydKO"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-JB7asG"> ${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-view1-1709112626449-ph-candidate-login-v1GM60rq-29SJQg"> <label for="signInPassword" class="form-label" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-Oylchb"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-KK8wSA"> <div class="text-box" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-lYnQrb"> <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-view1-1709112626449-ph-candidate-login-v1GM60rq-SRt8yP"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-7GvLoa"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-HMXSBc"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-VMfHZq"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-6olpm5"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-WqYXdP"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-vAXOK5"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-shC4zP"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-mhZnya"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-TiXOun"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-jlWHkX"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-RWti15"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-VljLXn"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-sF63Kk"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-OTBWAe"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-DMMVQ7"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-cPBHlK"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-WYMBWH"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-NSi2G6"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-cV5xzj"> <div class="form-container" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-PzjxYq"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-0uTLBm"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-z0VWta"> <div class="user-options" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-O0rDdu"> <span class="each-option" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-5t4fUu"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-MML1K0"> <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-view1-1709112626449-ph-candidate-login-v1GM60rq-YYYrwe"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-wpi8xy"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-WRvzpP"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-s6d4oM"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-dIuRYt"> <span class="forgot-password-area" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-fM0kZ1"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-013oZE"> ${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-view1-1709112626449-ph-candidate-login-v1GM60rq-lWeaaT"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-0D5gyr"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-ku0uDr"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-EsYHss"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-VjzQku"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-J4LXqy"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-Ll5Awm"> ${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-view1-1709112626449-ph-candidate-login-v1GM60rq-NcqQKK"> <span id="cd-pf-recieve-email" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-cNh9uQ"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <button ref="resendEmailLink" class.bind="!isResendBtnEnable ? 'resend-btn-disabled cd-resend-mail' : 'cd-resend-mail'" disabled.bind="!isResendBtnEnable" click.delegate="resendPswrdResetLink()" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-w6F6qI"> ${widgetBundle['resentEmailButtonText'] | pht} </button> <span tabindex="-1" if.bind="isEmailResend" class="resend-success-text" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-9mJ4uQ"> ${widgetBundle['emailResendSuccessText'] | pht} </span> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-GQT8JM"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-pv3Jxh"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-DCm0hA"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-118Fqt"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-zbuSkd"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-kuMINK"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-timDgW"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-pjk9ew"> <form novalidate="" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-hPu7SB"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-k6IjUj"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-hGnws4"> <label for="createEmail" class="form-label" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-NgzRhI"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-TcjB6L"> <div class="text-box" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-xSukNx"> <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-view1-1709112626449-ph-candidate-login-v1GM60rq-cNRgJT"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-OeomRZ"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-WVcBDN"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-uwMFYz"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-KJ1HJ8"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-j40Udr"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-I5iyCL"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-EPj2iS"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-l83Ccl"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-p97kXp"> 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 &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-jyuKvV"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-zz9OVB"> ${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-view1-1709112626449-ph-candidate-login-v1GM60rq-wLW5sH"> <label for="createPassword" class="form-label" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-UM0Qyk"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-my8iRW"> <div class="text-box" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-Rr6IXn"> <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-view1-1709112626449-ph-candidate-login-v1GM60rq-bZCMEV"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-THIjlx"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-aNp5xK"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-PBOhnc"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-mTE1xX"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-oipOg3"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-0MsDUT"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-BO4dPY"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-hrP1ih"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-GwQ1GV"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-AeWoD5"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-Ndv2IX">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-estdRK">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-FmtDkw">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-DYGHl0">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-JcJEkI"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-fKwtny"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-BCkItZ"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-UTKp0y"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-P5lKvU"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-Agu5PR"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-dh95UB"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-oAuNVn"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-AE4jvh"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-59xMgM"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-8sarve"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-MF7fTC"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-g23znw"> <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="GM60rq-ph-candidate-login-v1-view1-privacyDataConsentCheckboxText" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-M8CWch"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-JVSYrZ"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-RZgdvA"></i> </span> <span class="checkbox-text" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-QK40Nm"> <ppc-content key="GX0XhV-GM60rq-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-2yBWf8"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-6361786963107199-view1-ph-candidate-login-v1GM60rq-qd1nyI"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361786963107199-view1-ph-candidate-login-v1GM60rq-QDhk1Q"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-Mb0FvQ"> <span class="checkbox-text" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-dRCYMS"> <ppc-content key="VNoKlQ-GM60rq-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-QqyzC2"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-6361786963107199-view1-ph-candidate-login-v1GM60rq-qd1nyI"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361786963107199-view1-ph-candidate-login-v1GM60rq-QDhk1Q"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-PzA5mR"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-J2pDeP"> <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-view1-1709112626449-ph-candidate-login-v1GM60rq-7VkyPw"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-jV8ODW"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-AK5zYb"></span> <span class="checkbox-text" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-v6Lsl3"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-fPBOAu"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-D13B3p">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-02CVgz" view="1709112990459-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="default-1709113191306" instance-id="dk1signup" original-view="default" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-dyYsEn"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-i4gUMv"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-woOlL4"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-6Gzwv7"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-pG1Nxm"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-343Kvs"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-EiqUb9"> <div class="form-container" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-GnPz7h"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-3MBQhc"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-T8VJO7"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-V6kROk"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-BGbYC0"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-M4Wtc5" view="1709112990472-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113524640" original-view="view5" instance-id="" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-IS6r05"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-mqIqiJ"> <span data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-Fa1t2k"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-RVW2Kh"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-aEVUSM"> <span data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-lbXZ7K"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-sCLPWY"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-hMG8QL"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-wecbQq">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-v85PSF">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-VJ5wIp"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-uHzLgk"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-49cReR"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-LcCTG3"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-OB50S9"> <form novalidate="" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-uOGIfg"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-UEenaY"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-ZA8QDh"> <label for="createNewPassword" class="form-label" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-FYkxkO"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-5Z2d4B"> <div class="text-box" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-dSF56o"> <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 &amp;&amp; !resetPasswordModel.newPassword ? &quot;createNewPasswordDesc&quot; : &quot;errorCreateNewPassword&quot; }" 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-view1-1709112626449-ph-candidate-login-v1GM60rq-OQkkkQ"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-k830Mv"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-N8qAKZ"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-0IMxVw"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-O7hjaO"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-CuNZVt"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-JLS6W3"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-k34GhU"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-vdHZO1"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-UaUZA1"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-JW4oio"> <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-wPidGR"> <span class="sr-only" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-1bEdRK"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-QQ1uQR"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-4KQhqG"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-HH7jAc"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-JCYQc0"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-Nse8Zz"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-9huNKJ"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-4TMHoP">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-0H5LSk">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-t45Q2R">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-y2CuUq">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-fvlSIW"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-m8IwLt"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-eck2p8"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-57R11y"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-uAWQCz"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-unuYxa"> <div class="form-container" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-vlM4zx"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-341Y4W"> ${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-view1-1709112626449-ph-candidate-login-v1GM60rq-uhlJdy"> <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-view1-1709112626449-ph-candidate-login-v1GM60rq-6ctjrR"> <button class="close-popup close" key-aria-label="GM60rq-ph-candidate-login-v1-view1-closePopup" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-jiwUxw"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-nkKFWm"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-7VtYlv"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-djvwv2"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-3eQenU">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-DrL7q9"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-q0wthy">${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-view1-1709112626449-ph-candidate-login-v1GM60rq-64H4Qi"> ${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-view1-1709112626449-ph-candidate-login-v1GM60rq-lzmf3e"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-8O6KQb"></i> <span data-ph-id="ph-view1-1709112626449-ph-candidate-login-v1GM60rq-R43odS">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1709112992411" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-NM3snN"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-P0U2wo"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-84b255"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-FxH05l"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-KmVjZx"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-4tp9AS"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-pnMMMd"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Lpm1Hh"></i> <span class="alert-msg" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-mhKcTW"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-itDFB0"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-PvVha5"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-xan3cx"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-HrL5S4"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-DTs4l7"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-H4BXnB"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-lPw53f"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-995wPH"> ${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-view1-1709112626882-ph-candidate-login-v1fyf1-eezeMW"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-s7nSe7"> <form novalidate="" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-U4kqOb"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-ZgfRUi"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-5fRWKe"> <label for="signinEmail" class="form-label" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-9lArrg"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-JFSG1O"> <div class="text-box" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-IxyYsJ"> <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-view1-1709112626882-ph-candidate-login-v1fyf1-uYDkVA"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-7Z3z3k"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-1ntGj3"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-tU2TuJ"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-hIiR1T"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-wzILQn"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-36bxS0"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Zqk212"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-i7kDrf"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-T7Xnku"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-efsWog"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-mMUb0R"> ${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-view1-1709112626882-ph-candidate-login-v1fyf1-6wDA9j"> <label for="signInPassword" class="form-label" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-riY8KB"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-wRxXKJ"> <div class="text-box" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-lTul1p"> <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-view1-1709112626882-ph-candidate-login-v1fyf1-5VVwYM"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-EpGPyP"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-dsK9hp"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-LnPRgO"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-P4oIn0"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-1go6fX"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-3UlVxu"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-wkrtfN"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-CED0mE"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-bkb61r"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-HF1VxF"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-iWryZI"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-q7rBsk"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-0SilG2"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-5kFcVI"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-CSnvDf"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-TSjfGd"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-7JUCzn"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-yXd3l3"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-uc8HVH"> <div class="form-container" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-xDOLFn"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-A9BFga"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Xr0EJQ"> <div class="user-options" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-AH6qlK"> <span class="each-option" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-xPqKSD"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-wDKtTD"> <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-view1-1709112626882-ph-candidate-login-v1fyf1-Rxtqdr"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-nD9q7v"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-KdXJmJ"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-OT5k2q"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-4iKvvl"> <span class="forgot-password-area" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-BKsV2W"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-5cYzpe"> ${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-view1-1709112626882-ph-candidate-login-v1fyf1-oI0X6Q"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-OkEVdX"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-CZ2gtC"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-vozJZa"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-fTgvuZ"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Xa75nd"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-jgWfzE"> ${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-view1-1709112626882-ph-candidate-login-v1fyf1-YRAGHx"> <span id="cd-pf-recieve-email" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-zE6P4u"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <button ref="resendEmailLink" class.bind="!isResendBtnEnable ? 'resend-btn-disabled cd-resend-mail' : 'cd-resend-mail'" disabled.bind="!isResendBtnEnable" click.delegate="resendPswrdResetLink()" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-BpZpbT"> ${widgetBundle['resentEmailButtonText'] | pht} </button> <span tabindex="-1" if.bind="isEmailResend" class="resend-success-text" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-4VKC8i"> ${widgetBundle['emailResendSuccessText'] | pht} </span> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-sikqtA"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-dnAwmR"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-M80oiE"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-JIqIUB"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-9NZc11"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-IuF5wJ"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-BgvYr0"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-NzMTLr"> <form novalidate="" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-PkI9JZ"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-BnFWOK"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-DbXOuE"> <label for="createEmail" class="form-label" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-cu0rPO"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-6qCZEu"> <div class="text-box" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-xgiS9X"> <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-view1-1709112626882-ph-candidate-login-v1fyf1-pBaXAx"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-zs8xIY"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-s8YDVD"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-PJPjTv"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-qYSUNV"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-ATLqzk"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-WGRMrg"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-P8ywvn"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-TB1XTq"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-nHN87f"> 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 &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-qmqCUv"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-70XKtr"> ${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-view1-1709112626882-ph-candidate-login-v1fyf1-uS2IFX"> <label for="createPassword" class="form-label" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-GKQM4J"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-bZZWyJ"> <div class="text-box" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-qwdBuT"> <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-view1-1709112626882-ph-candidate-login-v1fyf1-G9wxGY"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-vnfvbF"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-qY3zoJ"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Ctv8Kk"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-TxDg0J"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-D6Rf80"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-KXsZNN"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-oyLDfm"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Yg0LKc"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-84TExs"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-gWRI3T"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-bD70du">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-iz6Tfj">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Yr1uR5">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-sRCyay">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-klcOZb"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-PqZEW4"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-vxApiX"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-RH8yoK"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-2ztQst"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-1UxGdz"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-zTBz8e"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-WtLma0"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-fyakN1"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-FqtcB8"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-jkVDAF"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Yv9gmv"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-D1cyIx"> <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-view1-1709112626882-ph-candidate-login-v1fyf1-OTRfCR"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-et5Ii1"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-TslFld"></i> </span> <span class="checkbox-text" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-WQbpms"> <ppc-content key="dbV6XR-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-iYVTgW"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-ABNOFO"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-x4RDPT"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-HfaX69"> <span class="checkbox-text" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-3os6Zi"> <ppc-content key="5RZsW0-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-lHJPOZ"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-ABNOFO"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1663490889244-ph-candidate-login-v1fyf1-x4RDPT"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-IHnOKY"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-U11S6S"> <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-view1-1709112626882-ph-candidate-login-v1fyf1-J669pI"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-ao6sxm"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-gdKAEc"></span> <span class="checkbox-text" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-5bQMD3"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Ffyind"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-yfbXmB">*</span> </span> </input></label> </div> <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-LwzqYz" view="1709112990459-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="default-1709113191624" instance-id="dk1signup" original-view="default" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-iBVCQC"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-DAu74V"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-vQHGNA"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-1jgmF1"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-BpSkUi"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-SLUyU8"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-XLTPZo"> <div class="form-container" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-jLClx8"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-nWsP4v"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-YZ3w2o"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-r20bKw"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-U95LLN"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-yUV7Bg" view="1709112990472-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113524982" original-view="view5" instance-id="" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-MKC7Ye"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-5eOcJx"> <span data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-aoFXh0"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-3m0zro"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-67qKZT"> <span data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-9X7z58"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-kIG3gG"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-0j455V"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Juv21J">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-W1iOYe">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' &amp;&amp; !showLoader" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-fMeVQj"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Jhlssl"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-H3ppFW"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-sN3LmI"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-j8KnRH"> <form novalidate="" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-xa3Wpt"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-zldsM0"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-QQInjl"> <label for="createNewPassword" class="form-label" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-3FYDDP"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-WoXqki"> <div class="text-box" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-DMn9BC"> <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 &amp;&amp; !resetPasswordModel.newPassword ? &quot;createNewPasswordDesc&quot; : &quot;errorCreateNewPassword&quot; }" 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-view1-1709112626882-ph-candidate-login-v1fyf1-GWozXQ"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-NuBg0h"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-rYoXDx"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-FArVmk"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-YNevdX"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-hWVwn4"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-QTOH5S"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-lP5lot"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-nHH7a7"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-ID8EKU"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Y9QWPY"> <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-BP8moW"> <span class="sr-only" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-gx4Odw"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-1Rp3Rj"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-56lkB4"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-XkVfjI"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Rmoyb8"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-YypgpF"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-EOyl3P"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-pfBwj9">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-SZ1ikN">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-30UZQZ">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-ldrFEZ">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-6bITc1"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-pQ5HRh"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Em5maR"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-qMgKDL"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-ClnhMg"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-Ntbu0X"> <div class="form-container" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-VDc4EY"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-ghfzTK"> ${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-view1-1709112626882-ph-candidate-login-v1fyf1-RmyFkh"> <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-view1-1709112626882-ph-candidate-login-v1fyf1-CZaxRm"> <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-view1-1709112626882-ph-candidate-login-v1fyf1-thmnMf"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-XqewSR"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-2AqUw8"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-3vrVAB"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-HmETFU">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-1Ci3Fo"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-4qQgbL">${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-view1-1709112626882-ph-candidate-login-v1fyf1-20gm7f"> ${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-view1-1709112626882-ph-candidate-login-v1fyf1-jxWtLp"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-3F8stS"></i> <span data-ph-id="ph-view1-1709112626882-ph-candidate-login-v1fyf1-UMPw1z">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113185199" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-tPYqld"> <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-1709113036809-ph-consent-popup-v1ffmvpa-hlQvMp"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-GwOXH5">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-M3IdQw"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-BgDU32"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-LhgBKv"> <div class="close-popup-btn" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-H3Bo36"> <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-1709113036809-ph-consent-popup-v1ffmvpa-a6FmtH"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-wBELl5"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-EIKKGe"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-CgW0GD"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-hr871l"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-uAkieo"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-fkDJnm"> <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-1709113036809-ph-consent-popup-v1ffmvpa-BSB4xM"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-YFJwrU"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-OG1YIm"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-d8GhTJ"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-xLINRf"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-5EVfp0">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113036809-ph-consent-popup-v1ffmvpa-G3Kn6v"> <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-1709113036809-ph-consent-popup-v1ffmvpa-ctMHK0"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113185606" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-FJ1KTs"> <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-1709113037241-ph-consent-popup-v1maLVqT-VDo8iL"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-YSHx57">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-dd0Q04"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-PwWgo7"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-0zoNb3"> <div class="close-popup-btn" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-0p2Jds"> <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-1709113037241-ph-consent-popup-v1maLVqT-MESOM3"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-xViOuO"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-HOTg02"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-JRKyjO"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-gGXwhp"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-5rPxiH"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-geiNCs"> <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-1709113037241-ph-consent-popup-v1maLVqT-M8ikYl"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-SEYg0e"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-zXUohr"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-GzZ7iD"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-gC6DrR"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-hGW2O7">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113037241-ph-consent-popup-v1maLVqT-3nk3cg"> <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-1709113037241-ph-consent-popup-v1maLVqT-QATKqQ"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113185950" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-7qB5WB"> <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-1709113037632-ph-consent-popup-v1wNRIWS-K9D730"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-sLSj0x">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-lrvv1Y"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-JCuANW"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-lxQOiA"> <div class="close-popup-btn" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-jAmAot"> <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-1709113037632-ph-consent-popup-v1wNRIWS-rukx38"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-jW9ZQT"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-i1lLfB"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-2LLudo"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-S4cBQF"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-Flkxtc"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-RO5iR0"> <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-1709113037632-ph-consent-popup-v1wNRIWS-tFvhry"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-dZIuhc"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-OsYkTT"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-LqTkTv"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-fAKWtN"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-yUVISm">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113037632-ph-consent-popup-v1wNRIWS-rMnNc6"> <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-1709113037632-ph-consent-popup-v1wNRIWS-iC58hP"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113186279" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-4xhqxF"> <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-1709113038059-ph-consent-popup-v1gxYA2O-0ivVnt"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-GrGdyt">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-BTSJdL"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-CA3Ibz"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-9KUN6s"> <div class="close-popup-btn" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-U7e7Nm"> <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-1709113038059-ph-consent-popup-v1gxYA2O-BuJTGF"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-yKtue2"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-tVHV46"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-Erd5Jw"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-hR8EOK"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-D1pBdy"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-3O8Ofk"> <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-1709113038059-ph-consent-popup-v1gxYA2O-jJJcbd"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-5RNkwC"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-ybuy7j"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-hlrkf3"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-2rfymH"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-HFn5W8">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113038059-ph-consent-popup-v1gxYA2O-ubKAXa"> <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-1709113038059-ph-consent-popup-v1gxYA2O-fGS9Gy"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113186680" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-JfSFIU"> <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-1709113038533-ph-consent-popup-v1YcZxuS-yG1gW7"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-k7P84M">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-dUr7sV"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-DmQZy2"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-VVBNnP"> <div class="close-popup-btn" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-oaRimb"> <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-1709113038533-ph-consent-popup-v1YcZxuS-94NLPw"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-zJUZDw"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-X4Vvxv"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-pEncYt"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-BGt8xl"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-kEuonG"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-ST7a6f"> <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-1709113038533-ph-consent-popup-v1YcZxuS-XEy75O"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-jiNDP7"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-seDEcW"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-FnnT8P"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-edmoxv"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-AXbKoG">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113038533-ph-consent-popup-v1YcZxuS-Z2iNql"> <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-1709113038533-ph-consent-popup-v1YcZxuS-eyx2x8"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113187035" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-738UaX"> <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-1709113038960-ph-consent-popup-v1mkj1W4-IT5EMj"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-osrAdH">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-jJ7cH0"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-LZP4zG"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-tLMVfS"> <div class="close-popup-btn" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-UUHDVm"> <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-1709113038960-ph-consent-popup-v1mkj1W4-d4T0Ug"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-uMKfTy"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-uwy8vK"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-gP0gx7"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-9CZouY"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-RSpxnY"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-FtLgEK"> <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-1709113038960-ph-consent-popup-v1mkj1W4-a10bAZ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-e3mNnM"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-269gPn"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-2pbeW1"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-fbwgVx"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-vclCPJ">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113038960-ph-consent-popup-v1mkj1W4-yRcVoW"> <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-1709113038960-ph-consent-popup-v1mkj1W4-WaZuWl"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113187358" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-lC2Mx1"> <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-1709113039391-ph-consent-popup-v1fyfconsent-XMZWFb"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-qK0oDN">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-OjyBJ6"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-znns4R"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-yMioRH"> <div class="close-popup-btn" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-C6vXXt"> <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-1709113039391-ph-consent-popup-v1fyfconsent-SsdDD8"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-fZC6iS"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-pOYuYG"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-9GWwSR"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-ZTWKJ7"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-2wKBGg"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-NV1mtV"> <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-1709113039391-ph-consent-popup-v1fyfconsent-CNnj4z"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-dJOTAa"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-IDwSwP"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-DHMvyK"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-SjVFzs"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-WuLjy5">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113039391-ph-consent-popup-v1fyfconsent-eyGX60"> <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-1709113039391-ph-consent-popup-v1fyfconsent-fb2CK3"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113187683" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-wwvXfy"> <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-1709113039817-ph-consent-popup-v1fyfconsent-LJnXmK"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-oW1F4p">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-8wVlfA"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-TjRW3I"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-3OxHMo"> <div class="close-popup-btn" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-30dFxN"> <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-1709113039817-ph-consent-popup-v1fyfconsent-VaCL5P"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-NFqHe3"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-HSvWuC"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-KOsayw"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-3rvApq"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-Wy69pg"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-CYcfG2"> <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-1709113039817-ph-consent-popup-v1fyfconsent-Yd8AZW"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-8fHoD3"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-7Duq1K"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-J0k6QX"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-NWRKvl"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-urw4Q8">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113039817-ph-consent-popup-v1fyfconsent-4Oj5JQ"> <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-1709113039817-ph-consent-popup-v1fyfconsent-YLVWSr"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113188026" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-O70W0t"> <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-1709113040224-ph-consent-popup-v1dk1signup-pyaQzg"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-3HseR9">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-xsaJDk"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-5fpfoZ"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-brm4Jx"> <div class="close-popup-btn" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-eYt8sO"> <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-1709113040224-ph-consent-popup-v1dk1signup-YSunGZ"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-bnDIuC"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-eSjCNI"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-w9MeF6"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-r2zeXo"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-d6vuo7"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-Q92oBk"> <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-1709113040224-ph-consent-popup-v1dk1signup-pk0f9k"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-gpb3Nq"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-p4erY7"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-AlCxNd"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-52xJJN"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-DFDU5a">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113040224-ph-consent-popup-v1dk1signup-hFrZOm"> <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-1709113040224-ph-consent-popup-v1dk1signup-H5XKjZ"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113188359" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-EfMtN2"> <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-1709113040651-ph-consent-popup-v1dk1signup-8wNvcp"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-sNFqjl">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-wiBeBf"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-yK5Pw0"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-eMsv84"> <div class="close-popup-btn" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-kfyye8"> <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-1709113040651-ph-consent-popup-v1dk1signup-NS71tZ"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-s8lHty"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-NqvTxU"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-RAxqQj"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-EkJQKJ"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-NWV4Wb"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-9gMOWP"> <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-1709113040651-ph-consent-popup-v1dk1signup-O6p2uM"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-RMHlqJ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-pT8Qu3"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-IOB8uC"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-naQwCL"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-YFV38t">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113040651-ph-consent-popup-v1dk1signup-NC6XUw"> <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-1709113040651-ph-consent-popup-v1dk1signup-Bqydev"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113190637" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-o3Er6S"> <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-1709113043728-ph-consent-popup-v1dk1signup-jK7Mud"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-cQNjtK">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-uf0Z3L"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-pRR4Sb"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-BByoA8"> <div class="close-popup-btn" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-1X8Hhw"> <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-1709113043728-ph-consent-popup-v1dk1signup-jwNZXa"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-H9vFUE"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-twOguz"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-ljMkja"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-98FauF"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-Jx4UdT"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-rvFIgJ"> <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-1709113043728-ph-consent-popup-v1dk1signup-Gbx9Jy"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-3o1M8d"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-SczEH1"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-9OIp6v"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-LyNJSk"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-ZNkzh4">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113043728-ph-consent-popup-v1dk1signup-iUyyMe"> <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-1709113043728-ph-consent-popup-v1dk1signup-Mz6kfy"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113190979" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-8qYMl9"> <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-1709113044249-ph-consent-popup-v1dk1signup-IkeULK"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-Re5jOs">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-Vx48I5"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-aCTRnI"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-3wbK1a"> <div class="close-popup-btn" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-K9oqXm"> <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-1709113044249-ph-consent-popup-v1dk1signup-PR0QqN"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-zaySTC"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-7VDIEg"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-vEV9yt"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-Ikf5Du"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-zgdCgr"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-ECOCVE"> <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-1709113044249-ph-consent-popup-v1dk1signup-Ep5RgU"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-30N42J"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-r8cdhL"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-lNB4dx"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-FbLCMp"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-7ecQhq">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113044249-ph-consent-popup-v1dk1signup-5kwrdj"> <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-1709113044249-ph-consent-popup-v1dk1signup-BzSP9e"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113191306" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-ju7peQ"> <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-1709113044725-ph-consent-popup-v1dk1signup-hCZ64a"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-CrZ1TS">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-GlTnes"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-8gKhVi"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-oQin2x"> <div class="close-popup-btn" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-aUeivF"> <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-1709113044725-ph-consent-popup-v1dk1signup-ZPIhKC"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-D611V4"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-Lbp1kz"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-CDzxxg"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-fRCIB0"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-2ctOJY"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-f1ZXAQ"> <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-1709113044725-ph-consent-popup-v1dk1signup-qaPPfJ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-qiJNaO"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-3fGkCi"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-BEPuKO"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-6YCkXJ"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-NJphpQ">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113044725-ph-consent-popup-v1dk1signup-oSbNt0"> <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-1709113044725-ph-consent-popup-v1dk1signup-HWYCEC"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1709113191624" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-UBmlyI"> <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-1709113045119-ph-consent-popup-v1dk1signup-QXv5Jc"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-iHawF4">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-FSgg1N"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-c3eXzG"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-mjtMVB"> <div class="close-popup-btn" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-aINPxl"> <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-1709113045119-ph-consent-popup-v1dk1signup-O4V5i7"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-58Y0Id"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-FyBmVq"> ${widgetBundle["consentHeading"]} </h2> <div if.bind="widgetBundle['consentDescription']" class="consent-description pii-consent-section" id="consent-description" data-ph-at-id="consent-description" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-wRuFMZ"> ${widgetBundle["consentDescription"]} </div> <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-JNBmbc"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-WtU4m3"></div> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-cn7eO1"> <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-1709113045119-ph-consent-popup-v1dk1signup-ZynBy2"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-5BTk3D"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-LHZTOL"></span> <span class="checkbox-text" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-DekntL"> <span id="${'checkbox-label-' + instanceId + $index}" class="each-consent-text" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-qitmfA"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-FxhusL">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1709113045119-ph-consent-popup-v1dk1signup-Bddo2b"> <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-1709113045119-ph-consent-popup-v1dk1signup-HakrUE"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1709113249220" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-pyRRZd"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-0xFpir"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-1a4gwE"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-w9oEqw"></i> <span data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-FqDQFc">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-pn9zBP"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-rUpjWI"></i> <span data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-zHMGcj">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-zVf5ZW"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-k833uo"> <!-- User details --> <div class="user-details" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-sONTbP"> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-sO5d7n"> <span data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-YaIZPH">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-WdPyIt"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-jJ1ajB"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-MFgdH5"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-8GM5QV"> ${preferredName &amp;&amp; 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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-1buAEi"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-E8vwGR"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-JQ7gVF"> ${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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-eLwxGo"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-8rdQZF"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-lRVAZM"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-e2qI7F"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Y0Ftgx"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-r49V8s"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-h4oNkC"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-p9sLVa"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-ZPsJad"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-49GBJX"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-3fCqBB"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-4czTsq"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-aoevBw"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-HgmmGI"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-vVqMqJ"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-twrNfc"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-cAQLgg"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Hop1wT"> ${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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-bmtFBu"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-hc97ax"> <form novalidate="" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-7L7b7i"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-STA5fR"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-uOfuGa"> <label for="signinEmail" class="form-label" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-yD3gyY"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-x1CEuM"> <div class="text-box" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-IYXByq"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-l2K5DG"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-eR2ETs"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Yem0CA"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-1YrxWX"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-XwJh6B"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-vkjaf2"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-q5hHGd"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-ZfYiYR"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-dADauc"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-LvQ8oB"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-OUGZcT"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-oImQry"> ${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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-4wYapQ"> <label for="signInPassword" class="form-label" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-2eRvEb"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-OPUHX8"> <div class="text-box" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-DzPDL8"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-WXMUAb"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-4VP2MX"></i> <div class="pswrd-visibility" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-8O8v8I"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-wdoo5Q"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-1kDjiy"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-mjWQS4"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-cZXRVy"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-4rq42o"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-853lh5"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-TNPNBi"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-sdCqyJ"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-A8SWP0"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-2q6xB8"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-l9f1Q1"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-7W0HUv"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-WKnik7"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-5rsXC2"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-rL5x7p"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-fMeupv"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-26UkFm"> <div class="form-container" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Y9U2L3"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-mdGopw"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-p6j14O"> <div class="user-options" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-y5bW6h"> <span class="each-option" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-6diDj9"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-pXBchK"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-xj16Bl"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-JQB6yO"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-4fUVoI"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-xCQwzY"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-eMhYyp"> <span class="forgot-password-area" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-cueoT9"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-V4uc1d"> ${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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-kh0Z6J"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-xmVEKw"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-agKPdn"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-CuyMsg"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-mJF8HI"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Bg086Q"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-akaakJ"> ${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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-v8DBp0"> <span id="cd-pf-recieve-email" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-qqAGqI"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-XwOY0q"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-WB9Pon"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Ejw14L"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Z1LfiX"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-e5Nroh"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-VlcOMT"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-EkfC87"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-QrxUQg"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-NwWxqy"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-VUkl9r"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-4SQjvj"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-WMItZq"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Z5jZlP"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-0V1mmQ"> <form novalidate="" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-BhKOIs"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Fl90SH"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-B1NuV9"> <label for="createEmail" class="form-label" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-1DJEWV"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-TKYWJq"> <div class="text-box" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Wempgi"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-IAPjWt"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-AK30j0"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-YQ8Tlx"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-CUKFEj"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-MHmrec"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-L9y883"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-6DNk4e"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-8E35e2"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-usJ4pr"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-iH66xJ"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-hkxL8i"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-OKmqrD"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-g1Q80R"> <label for="createPassword" class="form-label" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-ShXz5M"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-vrxKR1"> <div class="text-box" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-x8WU0U"> <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 &amp;&amp; !signInModel.password.length ? &quot;createPasswordDesc&quot; : &quot;&quot; }" 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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-xWYxTP"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-nuJUjU"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Lh8oVC"></i> <div class="pswrd-visibility" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-VTTcNK"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Z5lmCD"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-PcvcFn"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-TsBrPG"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-f5Nv2d"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Aio5CO"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-WDXm5Q"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-lKWXbl"> <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-2iWyEM"> <span class="sr-only" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-8bVYi5"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-nFVggn"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-DtvV7T"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-zz2R4f"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-DyvhaS"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-lzri9O"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-VaiXOY"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Jeb4ee">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-yhEzkC">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-ev1WBh">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-PcvTa1">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-XgDaIN"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-8x62UT"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-1DBl2w"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-jVfnqc"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-ODBVd8"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-iVJoXG"> <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="WevwH8-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-mU5NzX"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-RcjJL4"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-a0Xyp4"></i> </span> <span class="checkbox-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Lpgh2O"> <ppc-content key="20VILf-WevwH8-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-uP3fg1"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-QQhST1"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-omLIhg"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-ovxgrf"> <span class="checkbox-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-G9hYuA"> <ppc-content key="2ZQtdW-WevwH8-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-z0Zprp"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-NWSt2G"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-rJzXQ6"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-ljTiCc"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-fSwT6p"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-855lkY"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-roRbEs"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-eGod59"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-6cQYKW"></span> <span class="checkbox-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-LRmNjV"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-gWrRc9"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-y4pp6D">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-zY9EPg"> <span class="sr-only required-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-jkzh5x"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-T9yIXa"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-rc60IR"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-ooHTtz"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-1E1mEa"> <span class="alert-msg" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-EuUYsb"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-7UCJJr"> <div class="form-container" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-NUvCUD"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-UtPaSq"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-X2vrcP"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-jQ3GYd"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-ZlaUGI"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-tlEplm" view="1709113249201-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113526081" original-view="view5" instance-id="" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-mR4ELq"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-EC5D4n"> <span data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-4KZQaT"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-DWpNcp"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-XhJXoZ"> <span data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-ZZy9Ah"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-fyrasV"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-WCDVdN"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-8BMWnD">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-cftdSb">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-j94XA0"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Aex5Jq"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-sbi9LD"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-w1BATF"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-BP63CA"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-bIIjWz"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-BrRmNE"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-i9VpVm"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-s03x0u"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Fqv0vQ"></span> <span class="checkbox-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-eREvDo"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-WGXKvz"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-PMXGfS">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-n8YDcr"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-O53d3E"> ${!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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-geJHUL"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-asaavJ"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-NnuIq8"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-EdRA0F"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-RvW3mS">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-XrQj6T">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn &amp;&amp; isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-GIhGMi">${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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-1Eg0Kl">${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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-RsVMWE"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-7ENfXi"> <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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-T3gLac"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-hy3kfd"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-WvLZas">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-5210877486554277-mobile-ph-candidate-login-v1WevwH8-nz6Hhj">${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-5210877486554277-mobile-ph-candidate-login-v1WevwH8-Ej5UJT"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1709113249761" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-48WL0n"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-3HpGgX"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-CZInXx"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-HMEbyZ"></i> <span data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-K5YpOc">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Uxj4O1"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-QYe8as"></i> <span data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Nym07T">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-bTSw9d"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-PYZGYj"> <!-- User details --> <div class="user-details" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-EM88Ty"> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-86DrtX"> <span data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-HXyo9q">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-KpxfTq"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-tMvO4G"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-8uL8H8"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-BqOnTX"> ${preferredName &amp;&amp; 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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Lmazr5"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-sr8TBS"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-RVD3Iz"> ${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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-iigcWm"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Houe4d"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-poMBUz"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-9SQjjf"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-KVj3bX"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ViFgip"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-JRCpKe"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-2RzleL"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-3Sljs0"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-U49ixW"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-o9y5JL"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-bIfQXE"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-fzymDn"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-T74Bwk"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-LCRXfl"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-CNCQha"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-JCh9WR"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-cj7lWz"> ${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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-2ZrTIF"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-2zG4zL"> <form novalidate="" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ZWG5wT"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-sMyYdZ"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-O6bHyf"> <label for="signinEmail" class="form-label" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-2bwTFi"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-hq0335"> <div class="text-box" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-4wqYyz"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-6ygAMb"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-bdEibI"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-KRvoSS"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-8yJbs5"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-BVRiH2"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-vAeQcy"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-PZWEU3"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-RxuEhb"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Mdn9Nf"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-OxnCaZ"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-S2gc7D"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-MudDkl"> ${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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ke6HZN"> <label for="signInPassword" class="form-label" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-LsVusb"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-jKWBUN"> <div class="text-box" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-j4YYwu"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-70y6fa"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-QU1VcQ"></i> <div class="pswrd-visibility" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-obZ49g"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-gRPh6R"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-MdW3Sk"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-SAoKJn"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-wGvM6M"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-8ITvCd"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-2mHz8o"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Tw1ijC"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-rGxlst"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-jyHsLc"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-WpzD0s"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-bW2OEo"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-73pv0Y"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-SS8Wb1"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-HI4FUR"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ukRtr7"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-8MamNu"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-VYpk1k"> <div class="form-container" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Mkd2YC"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-xJ2LNX"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-w5lhvR"> <div class="user-options" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-H9OUOZ"> <span class="each-option" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-a6yFKr"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-0a9bXU"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-VhlmRj"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-SqIPCk"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-6UIZqe"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-q2AN2J"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-51biRf"> <span class="forgot-password-area" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-keEyCi"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-fAMCm6"> ${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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-6L0d8i"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-m89Ypk"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-MnIY9k"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-OddKoU"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-suf2hr"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-3XEd9K"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-gkP1Ur"> ${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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-y9CJVq"> <span id="cd-pf-recieve-email" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-OXhYyY"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-p25DHo"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-pIBMZK"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-zx6jLR"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-bSsFZN"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-hwxtJa"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-jKyynS"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-yflvUv"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-rGAume"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-roVxyu"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-pBjrkp"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-z7pPGc"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-z8CSDP"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-JJhheK"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-PeIina"> <form novalidate="" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-g5hiU8"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-qHw1jI"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-PK5Lxn"> <label for="createEmail" class="form-label" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-dbCtzi"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-LVucjn"> <div class="text-box" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-jWlr3k"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-uqALaa"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-rhkyxJ"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-pFlopx"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-9y3Spr"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-pylcVg"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-rzfk1i"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-T2nT1l"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-vluhi8"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Ihmo5M"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-uqx4QW"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-4Gymfe"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-vprAOG"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ou142e"> <label for="createPassword" class="form-label" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-IrCTmh"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-H8wDI5"> <div class="text-box" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-KrCvnp"> <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 &amp;&amp; !signInModel.password.length ? &quot;createPasswordDesc&quot; : &quot;&quot; }" 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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Ylnpfm"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-P8bXsv"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Egtu4y"></i> <div class="pswrd-visibility" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-QOqlB8"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-IzyAJs"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-AYh6I1"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-qCoJB3"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ePRuiA"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-zAHQ9Z"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Rt3T6J"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-DIzw0r"> <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-vLymFi"> <span class="sr-only" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-qz6C55"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ZTWTQI"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-QCDDSP"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-qcB6dt"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-jZLtv9"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-JPJFGS"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-LCBIUe"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-mNa3CW">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-MkZM2H">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-732ye9">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Iygt7x">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-6kx2sJ"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ohdk3T"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-iz6QvM"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-nkgJoP"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-S67rBW"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-DdmckH"> <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="b2O3ax-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-0KmlsC"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-5HCfpI"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-6wcP9j"></i> </span> <span class="checkbox-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-uFQKDI"> <ppc-content key="0rlXSS-b2O3ax-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-nsWwBO"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-PlLRzw"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-cCo451"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-EICyvv"> <span class="checkbox-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-E2GgL8"> <ppc-content key="g9PpiQ-b2O3ax-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-exFLfE"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-yXjkrM"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Lk2JQN"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-8ywdTh"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-55moP2"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-mwxC65"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Hxofig"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ngUGfP"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-zdq5Aj"></span> <span class="checkbox-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-kaAbVe"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-IEbQMS"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-cz4wNP">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-VgDs9J"> <span class="sr-only required-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ju1BNf"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Tqah33"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-irJFXL"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Laleyq"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-SvAcZT"> <span class="alert-msg" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-UqV28w"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-dur8Dz"> <div class="form-container" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-SV3aU3"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-0h8SXs"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-2ZGNsk"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-FH4vCg"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-zGR42h"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-yuc2NY" view="1709113249201-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113527043" original-view="view5" instance-id="" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-U619UK"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-h7F9xW"> <span data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-EquewT"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-HvC7ht"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-9C5tRj"> <span data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-xeQNHO"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-LrR9Pp"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-hqCCZL"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-tVY3QG">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-V79xms">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-P9pdA8"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-pejcbI"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-FSygHi"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-EzHEZ5"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-qqs3i3"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-awy72X"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-TyQpKo"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-zDPnUE"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-6Ub3pT"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-bCmclz"></span> <span class="checkbox-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-V3ktIt"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-CWNLur"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-iP24XH">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-0SSvWk"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-LipLan"> ${!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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Fx7E2s"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-74hXbC"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-67jP0L"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Uv0wIo"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-njI5pz">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-hG3ee1">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn &amp;&amp; isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-Ky7E6h">${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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-TVlGHD">${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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ci4FGk"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ixa0Fu"> <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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-dj0U3x"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-b7sPY7"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-8Z1ZQ4">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-ML4rlo">${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-5205765480332052-mobile-ph-candidate-login-v1b2O3ax-77S38A"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1709113250250" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-jiJYEX"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-ZXqw9T"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-szXNNx"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-CMkso1"></i> <span data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-JMFRdz">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-fA3P9F"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-WbfTBB"></i> <span data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Kq58MU">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Kx13kH"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-xjCYkH"> <!-- User details --> <div class="user-details" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-ssQo6S"> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-G2FeE3"> <span data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-RqGQVR">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-1NS4v8"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-tczzbJ"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-uPk3Vo"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-SKPfS4"> ${preferredName &amp;&amp; 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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-keIm9f"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-XFaWtb"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-FvjWts"> ${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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-bSv7xF"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-AklFn5"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-QBqQwa"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-i1yEVb"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-LBFE1P"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-tB3ytg"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-27nSfK"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-D2VESG"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-mSsH4I"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-outHOW"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-V9gvaE"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-AiRAJQ"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-gExD94"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-qGY1c9"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-NTt9UM"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-0hqg5y"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-lM6b31"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-8rgutt"> ${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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-kWDaaQ"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-g2ba4x"> <form novalidate="" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-QeVYIH"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-byWcS8"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-mbF1AF"> <label for="signinEmail" class="form-label" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-XFjevg"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-LSrvJ9"> <div class="text-box" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-ctpXBP"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-WpsgR7"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-wqStjx"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-GG6DgO"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-RhrJyL"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-GcB8XP"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-9ZYR70"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-a8WS8C"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-gxln3U"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-q4xLj0"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-yMEgMU"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-NK6NMK"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-AE0OdP"> ${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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-7zKXk3"> <label for="signInPassword" class="form-label" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-NQuvOl"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-w85l5Y"> <div class="text-box" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-0vs5iX"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-se107e"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-UvSIVN"></i> <div class="pswrd-visibility" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Ls3ZWu"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Xot3KK"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-dCqeV3"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-wA5hua"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-ChHFtJ"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-WqS1Ek"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-7tia3B"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-56mltx"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-5yGqW8"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-fhCbNT"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-mAnxQy"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-JfYYAl"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-sJH0Yb"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-lFnEib"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-vbgS3Y"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-YmWmxS"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-7v0K0f"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-gZd556"> <div class="form-container" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-h22WqR"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-KLZtx3"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-g7lrJY"> <div class="user-options" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-x5JtJs"> <span class="each-option" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Jc9F3W"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-tGMRER"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-AqyWI4"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-yEtvlX"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-6nzxfG"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-4Byv8J"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Z72pu2"> <span class="forgot-password-area" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-kfSZ2c"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-j57Umk"> ${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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-2pYtso"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-pHqkEH"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-SniPXu"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-vAqC8G"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-BQVL3h"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-jA5T8I"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-mMulnV"> ${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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-w5qQPS"> <span id="cd-pf-recieve-email" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-um602g"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-m06wxA"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-jX3L2F"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-j6hsn7"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-faR4CA"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-5dLa6X"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-467whq"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-cqhEva"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Iwjfwx"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-PSI8tc"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-iXjKSq"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-nAD1fp"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-esylDz"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-A8qehL"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-AEoahj"> <form novalidate="" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-wAmUxV"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-YX71Dg"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-lWORYD"> <label for="createEmail" class="form-label" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-63Suzu"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-x5DmRH"> <div class="text-box" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-kjiTrl"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-KqkqTG"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Culz6O"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-40ivSV"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-8B6iBx"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-ZuEPlV"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-M0N2XT"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-ckENCw"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-8DL5D8"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-BwxXCg"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-aNggRT"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-3ere3T"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-X7KTrO"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-ndPVEv"> <label for="createPassword" class="form-label" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-liOiXF"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-6x8Mle"> <div class="text-box" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-zJ2mdX"> <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 &amp;&amp; !signInModel.password.length ? &quot;createPasswordDesc&quot; : &quot;&quot; }" 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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-CQ0STC"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-fi7E6W"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-vyewmS"></i> <div class="pswrd-visibility" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-gfulsL"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-MJ40yM"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-ojI0aF"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-QpKbhh"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-5vSWx3"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-2hnwNS"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-KPYrwR"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-pKxUk2"> <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-psuwcu"> <span class="sr-only" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-fPTfwX"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-C6zcgg"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-RfyiU2"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-oq7Xcf"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-5dwVX9"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-uyY87P"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-IOUGTJ"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-RSWPsd">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-eUm0zY">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-NrKdpN">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-wjhgZD">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-GUtzii"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-woujsd"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-sJDakF"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-cpXKKC"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-vc1JqK"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-8Fj6WP"> <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="kbWTd3-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-0lauAl"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-i8Lxhb"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-u1NOw3"></i> </span> <span class="checkbox-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-LInAho"> <ppc-content key="DWnvh3-kbWTd3-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-h3z3yj"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-QeVbKR"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-lYFiZA"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-VlDDHP"> <span class="checkbox-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-LAGl8V"> <ppc-content key="nante5-kbWTd3-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-ckA0O2"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-DEAu5z"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Aw1GJ8"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-bBNEZs"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-NyUxOU"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-GYWYcr"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-BtEvJC"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-3nBRRR"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-fCF4RU"></span> <span class="checkbox-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-o7CeYO"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-qt4HZf"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-1ZDwk8">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-RX0CP4"> <span class="sr-only required-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Zkfp5C"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-rvyPx3"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-wqOAre"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-z0dcZs"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-4lDxyf"> <span class="alert-msg" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-rIpSyW"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-7CIBIb"> <div class="form-container" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-KFOotk"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-bWdwBY"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-N9jyMd"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-n3B38N"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Sl7zws"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-cEFTxu" view="1709113249201-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113527396" original-view="view5" instance-id="" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-SsLBPF"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-dRsIyl"> <span data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-ElQtIX"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-5rDO7l"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-6fHWY8"> <span data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-k0Y3ii"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-oteBnW"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-zlH6qf"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-mQDTSu">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-8i3kzR">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-ecFtSc"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-FNR5sL"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-7Yqlvc"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Pa3Zzd"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-mRkA0J"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-hlw1j2"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-6LDsN1"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-BWrJFL"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-6mzKMe"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-jl7gKy"></span> <span class="checkbox-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-NB2T77"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-6OdBcA"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-BtMwLM">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-WiqdDt"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-EId7g2"> ${!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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-iKHRf9"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-b3yP2c"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-eohnN1"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-2mBg4R"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Cprwtw">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-wg16vE">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn &amp;&amp; isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-e3D5XQ">${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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-kAAC2C">${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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-Wt5Rt3"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-QYZFzP"> <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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-StZ5mc"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-UujbUY"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-U68Xw4">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-nFvaBC">${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-6361787263225286-mobile-ph-candidate-login-v1kbWTd3-h0VNJ9"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1709113250806" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-ipdSxW"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-XYYiKE"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-AXDh4k"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-et87xH"></i> <span data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-803zmF">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-2mdguw"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-jmQPua"></i> <span data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-CrwK0g">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Y611hL"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-ad5iS1"> <!-- User details --> <div class="user-details" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-jRYYgO"> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-VWFAgw"> <span data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-GOmAX4">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-yP9NMx"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-6m9jpa"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-G8KVs5"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-5Qpl1Y"> ${preferredName &amp;&amp; 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-default-mobile-1663490864178-ph-candidate-login-v1fyf3-dmzM6U"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-7m1BVD"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-lvOEpL"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </li> </ul> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-x9cChg"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Is9YKU"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Xcvv6x"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-L2T7K1"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-YsbLZF"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-D6w0sB"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-4dR8YC"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-lc4gmd"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-ZD7zYm"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-k0Dbai"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-IWS1Xj"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-KZDXJl"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-LVVE2H"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-9mW3kn"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-aWJXWZ"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-36EN7y"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-KAZZ5g"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-nhNnzp"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-1vtlzE"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-x7KHn7"> <form novalidate="" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-S0Q704"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-dKF4j4"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-9RNQHZ"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-e82MDv"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-ilIn02"> <div class="text-box" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-REmMek"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-X4Toqo"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-3dhnN3"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-M2HJDb"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-TPMwG0"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-VSe5lm"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-XEAe2b"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-PpNiT6"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-7607XU"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-7KGIof"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-j8c0Oi"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-tCu2XB"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-khA6eA"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-y6jLzN"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-5t6v5S"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-VoIUyz"> <div class="text-box" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-8WgDfc"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-tFip0z"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-FCK72G"></i> <div class="pswrd-visibility" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-B0qVFQ"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-RVOL9I"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-kHH78s"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-8zdikE"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-bgxH2z"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-xj8Wxl"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-A3KoUf"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-SnhKQ3"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-inGYl9"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-rSwRGE"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-ns57Xs"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-vHSim5"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-dQNP8h"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-a4Qf8c"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-XSRGr8"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-DPySrF"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-c1W3Ij"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-UJ1cgc"> <div class="form-container" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-VMbWz7"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-zGpOLj"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-J063T1"> <div class="user-options" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-KlPZLC"> <span class="each-option" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-iY0d5X"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-cXKDLb"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-4ghX5O"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-B35e8E"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-BWPKDC"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-PcuwL0"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-JKb3jD"> <span class="forgot-password-area" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-s5eaEI"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-HIlGvd"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-rYzQP5"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-SJAtQy"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-PeKSej"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-bDy0Xg"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-tkN9sa"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-VaQl3p"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-MkmkWQ"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-BCx7jF"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-ark7WO"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-z5B88y"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-rKFPxj"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-fUmQos"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-UnbpXX"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-0t4wgK"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-UT37vb"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-PxjvqC"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-oRcmiX"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-d0Zvce"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-ILxolI"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-HlASp4"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-pDwzNd"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-y8X2oS"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-34tuQr"> <form novalidate="" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-enKCPS"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-HA0l2y"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-E96ruX"> <label for="createEmail" class="form-label" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-FSSGNJ"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-jkPw26"> <div class="text-box" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-lpssXW"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-vLcujo"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-PoARrz"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-UNoSm1"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-BlY3oT"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-oAiU8T"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-q9WXLE"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-mgpmD2"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Nq3RKy"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-jo0rBL"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Spe25Y"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-AM4Nbp"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-r9RwxB"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-uebMTx"> <label for="createPassword" class="form-label" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-o464S6"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-xyAbOX"> <div class="text-box" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-DrFezC"> <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 &amp;&amp; !signInModel.password.length ? &quot;createPasswordDesc&quot; : &quot;&quot; }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-OD6O1V"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-H7V4qh"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Tir9q7"></i> <div class="pswrd-visibility" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-0W67wY"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-t6ptID"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-JYRjWZ"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-knnDgS"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-OZkteS"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-rv2hkB"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-3tKZmV"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Ga9Ezk"> <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-tIjD81"> <span class="sr-only" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-NK98H3"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-9iZtOD"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-G7DvcQ"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-L0V5GT"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-xbb2Xd"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-hVdiXs"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-iwJ8IJ"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-QfgrDm">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-jVqOv8">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-rejCnF">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-c5fzA7">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-yG2JKT"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-9TN1HN"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-XtsHnO"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-SwXDXd"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-nYMbmC"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-gXj0yu"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="fyf3-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-cP2SD0"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-vNP8iX"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-bhAsw1"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-PDNbfh"> <ppc-content key="wDJs1H-fyf3-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-0ENNDj"> ${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-v1ucsUHG"> ${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-v1lvsoKS"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-PzC8bZ"> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-0fPI0E"> <ppc-content key="KdgVkY-fyf3-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-qh1xIL"> ${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-v1ucsUHG"> ${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-v1lvsoKS"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-83bcWZ"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-zBZnSS"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Uu1R3H"> <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-default-mobile-1663490864178-ph-candidate-login-v1fyf3-sas6Lk"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-TU7zpt"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-FV7fWg"></span> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-gZtI7T"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-V1tZaV"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-WwOdTW">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-iiJ3dA"> <span class="sr-only required-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-ws6Yh2"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-7h7YQs"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-XlJ3p4"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-zNnwQM"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-oGOHhh"> <span class="alert-msg" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-kwuuCp"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-qnZYdD"> <div class="form-container" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-9vc3MR"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-9Gr5Bj"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-nphVaY"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-OuE4z5"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-OmQsCm"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-79vHI5" view="1709113249201-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113527790" original-view="view5" instance-id="" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-cB5soa"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-ht4yvN"> <span data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-btAJr6"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-U5RAvU"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-QcaeL8"> <span data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-J1Tje1"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-qZwB3u"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Dr8zH7"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-b2NSny">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-zxzIfK">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-xCMqkm"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-A0bJHB"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-WjnSnE"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-HMc0pL"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-8PIBMr"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-S3awZd"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-w2N3VD"> <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-default-mobile-1663490864178-ph-candidate-login-v1fyf3-rUnH2w"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-k7KHqb"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Yx4uFp"></span> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-UwwOLL"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-SLw9jP"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-HRfu2A">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-ZyxdaU"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-5wVf4k"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-sujxTm"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-cljjrq"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-BsvYIl"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Zsmk1U"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Qqv8Mz">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-nZuiox">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn &amp;&amp; isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-EDirgU">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-dWy3rO">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-I05H6n"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-9xSjb8"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-YBrh6D"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-Sn1wMU"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-jMWnLh">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-fFbuLS">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-default-mobile-1663490864178-ph-candidate-login-v1fyf3-ELndLh"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1709113223082" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-P0WAH8"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-BD18Yc"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-2xuHy0"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-sT4XZz"></i> <span data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-AfeWRI">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-xYUCvX"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-lj68SO"></i> <span data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-JfTcMq">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-TGY3N4"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-TDGFgT"> <!-- User details --> <div class="user-details" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-nRdZKr"> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-pLsHAD"> <span data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-SgF3AN">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-dvoXDg"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-UhZMRT"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-n45znq"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-7K3k39"> ${preferredName &amp;&amp; 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-default-mobile-1663490856984-ph-candidate-login-v1boloya-UsaFEC"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-6zni8l"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-cL2dXg"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </li> </ul> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-mRqr4m"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-oBTgBJ"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Akrdof"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-1aRDEW"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-7RE44k"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-7xpWFE"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-rCujBm"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-nLSwS4"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-5MdDyk"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-eYTdc8"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-k6iym5"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-37EA1J"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-noqBr1"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-qEWRYo"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-wzAukq"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-r0efTg"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-0tIP8l"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-pk8o6A"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-WNBer3"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ZMqgi5"> <form novalidate="" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-KKpsad"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-U51XLr"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-BeXXnu"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-c6tVjV"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-zwBjXq"> <div class="text-box" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ACqrXt"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-zvnGva"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-MEmENB"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-333U3H"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-WW7ova"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-08GcWd"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-9IPgbG"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-WBYtNE"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-MRMQ2p"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-JwhkBO"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-VwjfAr"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-VeeBwy"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-DKTvQT"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-WBZ4Uv"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-INWoYa"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-hnKULd"> <div class="text-box" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ovK74V"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-AN1t11"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-7a63ef"></i> <div class="pswrd-visibility" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Cl7thU"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-eebLnT"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-nqWleF"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-3rfyJA"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-cbFEv1"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-M4ofUo"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Op7RgM"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-lhuxqm"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-tyX2fM"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-jzTqzE"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-cokRl1"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-F4fhbs"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-SyEdrM"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-7DvmSA"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-xWDblG"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-zhO7Yt"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-hILrBI"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-aEJBYW"> <div class="form-container" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-yri9eM"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-zQCzqr"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-0hvHsl"> <div class="user-options" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ugMJqL"> <span class="each-option" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-oMbymn"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-9eXKJ0"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-wZBipE"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Xm6PEc"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-1NpuPm"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-JbpRjb"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-zSvjfV"> <span class="forgot-password-area" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-l2NgC1"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-E8Bupm"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ZGAoUn"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-IYT0C3"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-jxxoOx"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-7Xe9yG"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-7dsCrz"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Qp6Cun"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-FwSEf0"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-VbqLrC"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-yIZfIN"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-FPIIou"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-LjeUOE"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-glRsTR"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-MlZbI2"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-kOZLVn"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-3xzjtC"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-fv7BG9"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-AXP0Ai"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Sjd38m"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-1SHgVt"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-S3CiC6"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-J46nOD"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-9U7x3Q"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-tijd16"> <form novalidate="" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Snxd6J"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-skkVxf"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-wRgkjA"> <label for="createEmail" class="form-label" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-7EZ7tb"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-6uNJEj"> <div class="text-box" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ggi2vX"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-2qRPgO"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-bVH4aB"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-9DYoGy"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-BLAzHj"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-K9MJ40"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-2cWVGe"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-bYmT1K"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-B1VtoN"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ZAdy2o"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-GQIDez"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-9CUne0"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ZOx2YN"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-KUxfKq"> <label for="createPassword" class="form-label" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-1ik221"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-rbQWL2"> <div class="text-box" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-tW8Iey"> <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 &amp;&amp; !signInModel.password.length ? &quot;createPasswordDesc&quot; : &quot;&quot; }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-wUpDAq"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-dVD7OH"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-WCJMY4"></i> <div class="pswrd-visibility" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ca3jQF"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-oXCYIw"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-KoqBMN"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Talc1s"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ZdWDOy"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-fK3LBq"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-qhZMqA"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-b4tX9h"> <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-7e5m9f"> <span class="sr-only" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-9Ip03o"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-g8TuYB"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-NCHA6H"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Q1hbvR"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-60BjvS"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-9qKsHS"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ENZmW9"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-74POWZ">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Zgxwcg">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ZYDUkH">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-4dOW2F">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-p8LeOI"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-bYrS4b"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-kYwGJj"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-6aZQnD"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-kLMuON"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Zjicy1"> <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="boloya-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-8RkOZ8"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-9DEeRX"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-IxmNvt"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-W8qKaJ"> <ppc-content key="46wFgJ-boloya-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-SUrHTa"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-mobile-1663490860238-ph-candidate-login-v1boloya-fnbXo8"> ${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-1663490860238-ph-candidate-login-v1boloya-DM7BST"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-BDCAVb"> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ZMC4ws"> <ppc-content key="igfHd4-boloya-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-mtRrHq"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-mobile-1663490860238-ph-candidate-login-v1boloya-fnbXo8"> ${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-1663490860238-ph-candidate-login-v1boloya-DM7BST"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-pgvEWx"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-tLTFAU"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-v1lyWv"> <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-default-mobile-1663490856984-ph-candidate-login-v1boloya-u1cMb2"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ToxRAq"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-mdJEae"></span> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-HGpqTC"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-E6WaAE"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-O2eJUN">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-BGDg7x"> <span class="sr-only required-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-YTGk26"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-wlzdav"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-PG8xlt"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-SGgRv3"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-BVKRS8"> <span class="alert-msg" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-PgAeYg"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-KNaWCw"> <div class="form-container" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-YW4r4K"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-jWAVmj"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-f4cksD"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Jl4XXh"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-1soWGx"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-eSXrR1" view="1709113249201-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113528858" original-view="view5" instance-id="" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-UCSMx8"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-l3oQRW"> <span data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-1tMwh0"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-GavuEH"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Qsq1Fx"> <span data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-s38dlU"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-SatlCt"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-rwpKRb"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Ui8Izq">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-emli6O">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-39oKaK"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-1ayxtN"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-h9EAVU"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-GadmVz"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-QAoS5O"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '') | sanitizeHTML" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-BuDNr6"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-meNzzp"> <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-default-mobile-1663490856984-ph-candidate-login-v1boloya-UuF7Ui"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-mgUAJp"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-IzI7Zt"></span> <span class="checkbox-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-1CGEo3"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-CsBXR2"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-Twf7V2">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-ErB0T1"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-K3VI1U"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-V0RE09"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-W7zWYP"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-gXY5Pe"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-a2ifcn"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-uvqu4a">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-T1EQy6">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn &amp;&amp; isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-XbJgsX">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-HIv92v">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-tED5Uz"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-z7FcQP"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-fJIoXI"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-KDl4S6"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-l5D7kt">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-vh5kTW">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-default-mobile-1663490856984-ph-candidate-login-v1boloya-CltwKi"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1709113448790" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-1mpu19"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-J8hO5D"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-GmDZ1k"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-oX2Yjw"></i> <span data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-GT7ccO">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-W1pdy3"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-um429d"></i> <span data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-afG5gN">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-lUhYH0"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-eDaVk1"> <span if.bind="registeredSuccessfully" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-GsIm3Z"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn &amp;&amp; !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-5210877580665810-default-ph-candidate-login-v1F2sqvY-mzMyYf"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-hv8hcQ"> <span data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ftFTR8">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-P9LFIF"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-TGcJi9"></i> </span> <span class="user-name fs-block" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-01BIpT"> ${preferredName &amp;&amp; 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-5210877580665810-default-ph-candidate-login-v1F2sqvY-gSra9o"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-qONnQn"> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-qVcOga"> <span data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-pfLWcS">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-92viPT"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-NStsNH"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-MzX2cC"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-C06yqb"> ${preferredName &amp;&amp; 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-5210877580665810-default-ph-candidate-login-v1F2sqvY-bXlpV8"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ACeRi9"> <div class="user-actions-list" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-qffxwJ"> <div class="user-actions-listitem" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-HiFgyc"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-8UuOyL"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-yXAmUR"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-Bjh8KR"> ${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-5210877580665810-default-ph-candidate-login-v1F2sqvY-lxvD3G"> ${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-5210877580665810-default-ph-candidate-login-v1F2sqvY-jGz4uX"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-vWIF5v"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-hFWKgh"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Dg11pf"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-2OYNab"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-iiuDmP"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-LkylVA"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-bjVT4W"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-dsL8r8"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Kawpoj"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-u4SGrC"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-lVTijx"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-F3bGKB"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-EtFev4"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-VNH87i"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-aG5UEq"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Ly8op6"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ktm6fh"> ${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-5210877580665810-default-ph-candidate-login-v1F2sqvY-RlU9pN"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-io84ay"> <form novalidate="" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-zDigG6"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-CcO5fb"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-QalJ6h"> <label for="signinEmail" class="form-label" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-xJxrTV"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-wHeBGb"> <div class="text-box" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-rkB6bO"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-GN9g8X"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-lUTCfk"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-b4xSCI"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-AaQnmK"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-APAips"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-t1miKD"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-twmDgx"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-JvGTYc"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-eRIO16"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-7PZun5"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-EITmEc"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-jSm7LI"> ${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-5210877580665810-default-ph-candidate-login-v1F2sqvY-TZw97R"> <label for="signInPassword" class="form-label" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ijhFK2"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-iVi8A6"> <div class="text-box" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-88ekGx"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-aXrgeH"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-WTGtfz"></i> <div class="pswrd-visibility" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-aldBJW"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-zHhLfz"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-RYwTjv"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-uAjpvu"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-58OLXJ"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-4ZJuqb"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-RgwTJU"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-eZlroL"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-qbzwD5"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-a7PGRZ"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-WtMOp4"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Y89PvY"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-gjeSPs"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-SImr9S"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-3iRBbN"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-GFeXSR"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-YZj7Qz"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-XgqxsB"> <div class="form-container" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-i7C7P2"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-3xHILS"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-xuHURa"> <div class="user-options" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-P3EdBU"> <span class="each-option" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-jEiTFN"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-fHZAyH"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-1SMi5S"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-nIyE6b"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-PfQQPu"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Q2Ut2G"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Ljvpub"> <span class="forgot-password-area" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-JdsuTK"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-AXVkQL"> ${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-5210877580665810-default-ph-candidate-login-v1F2sqvY-ONqTq4"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-sXky5A"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-VqvQrV"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Ofn0vu"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-BT2Mdi"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-apJplJ"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-jhf6VV"> ${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-5210877580665810-default-ph-candidate-login-v1F2sqvY-zIPDRI"> <span id="cd-pf-recieve-email" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-JmuV0h"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-euIbLz"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-RykKpr"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-qo462p"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-XsXV7t"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ykwsjD"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-r8BE7n"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-FDJmli"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-YBUVnc"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-UG0f9L"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-4dGYkm"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-lC1cqa"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-6ksA0k"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-UjICA7"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-lYBSNi"> <form novalidate="" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-IbZuOn"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-KmW5KG"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-aJRlkd"> <label for="createEmail" class="form-label" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-1hszQz"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-KbMUIH"> <div class="text-box" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-vL4VnR"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-ws8xCW"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ylLGAa"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-wmIznu"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-KBjgv7"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ngoSA0"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-dvTqm9"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-jq5RWt"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-EWOS3r"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Dt2ii0"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-VMoXRA"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-LYCu29"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-EdS9wz"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-6mYwO4"> <label for="createPassword" class="form-label" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-k0KKWq"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-yn1qTY"> <div class="text-box" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-n2WifZ"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-ZxiLQ5"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-OEwNzf"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-SjWBEH"></i> <div class="pswrd-visibility" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-0tBUTh"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-3pL4ts"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-yeZjzo"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-J0cxJj"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-NY6iFK"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-wnY3NC"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-OcODV1"> ${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-5210877580665810-default-ph-candidate-login-v1F2sqvY-Y0ihhK"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-xfd1AM"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-VwFH7j"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-hjRq8e"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ILQyzF"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-DCrJYj"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-d5xun8"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-D8g0S6"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-iMKreB">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-JDfLn8">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-hxVF0F">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-SaStaG">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ljpzBG"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-HlsPom"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-fFmxwU"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-0kskml"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-nE1oTx"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-GYYwaF"> <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="F2sqvY-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-B9k3QT"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-2H84b9"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-l9VFNv"></i> </span> <span class="checkbox-text" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-8Lq57B"> <ppc-content key="RtEeov-F2sqvY-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-vCgGbL">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-iFvoWP"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Qdv1No"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Rx0s9E"> <span class="checkbox-text" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-GrfZU5"> <ppc-content key="VrGRSq-F2sqvY-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-WDl0Az"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-DEzf9A"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-V5aToC"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-TORR6P"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ZY0eTP"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-NU8F5k"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-iQTsjy"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-9bPQu8"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-EwOY6H"></span> <span class="checkbox-text" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-e5s4Rc"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-WVl0Ei"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-GHzrgj">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-YCdXyg"> <span class="sr-only required-text" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-GXxjtv"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-pracOj"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-fOZuCS"> <span class="alert-msg" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-jokn0b"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-pu8f0l"> <span class="alert-msg" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-OZOEUc"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ayX8DP"> <div class="form-container" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-OArL2Y"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-eJ2bvU"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-fy3efN"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ZILhbA"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-hJhqoZ"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-SYP7ib" view="1709113448778-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113529202" original-view="view5" instance-id="" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-pXbfDP"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-KLLlJg"> <span data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-mamEJg"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-nMlFDQ"> ${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-5210877580665810-default-ph-candidate-login-v1F2sqvY-1726vh"> <span data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-1IXWI4"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ndbp9i"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-6QfJyU"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-hZXvDD">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-BxEtzZ">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-i4q7qi"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-rR8UkT"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-V210C6"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-vd9UXk"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-x1vz9x"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-lSHILh"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Aq7Ld4"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-TLsEbg"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-dVLo7I"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-mrSMrX"></span> <span class="checkbox-text" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-in5Pz4"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-qv1xYY"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-Exe8Ta">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-ZqUO06"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-8OpDXd"> ${!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-5210877580665810-default-ph-candidate-login-v1F2sqvY-tFgSL5"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-RodL88"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-vADKFN"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-csN06G"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-5eVRIN">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-PhLTz6">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn &amp;&amp; isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-4gOPaq">${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-5210877580665810-default-ph-candidate-login-v1F2sqvY-FaUzgC">${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-5210877580665810-default-ph-candidate-login-v1F2sqvY-kkz8bZ"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-CEd5JO"> <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-5210877580665810-default-ph-candidate-login-v1F2sqvY-XzUj8M"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-AGE1XH"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-8gPhJ1">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-5210877580665810-default-ph-candidate-login-v1F2sqvY-LpsfL9">${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-5210877580665810-default-ph-candidate-login-v1F2sqvY-AOmnAN"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1709113449207" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-DwNtQV"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Yfx9OA"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-ejE6u7"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-502zOQ"></i> <span data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-wUqClo">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-u2ml1E"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Wu6AXW"></i> <span data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-zv9OAF">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-NMPMuF"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-nArDT4"> <span if.bind="registeredSuccessfully" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Ohrxq9"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn &amp;&amp; !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-5205765571508766-default-ph-candidate-login-v1ucpFyH-y2BvLh"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-s9fVUW"> <span data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-21sAKe">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-14vsCY"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-jOJftn"></i> </span> <span class="user-name fs-block" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-H0TqzW"> ${preferredName &amp;&amp; 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-5205765571508766-default-ph-candidate-login-v1ucpFyH-VuqphW"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Issaqc"> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-iwHDwG"> <span data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-1AuiPt">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-tAMLTx"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-sdPk1X"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-VE7Qvl"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-5dYR9u"> ${preferredName &amp;&amp; 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-5205765571508766-default-ph-candidate-login-v1ucpFyH-OIjjw8"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-umnDur"> <div class="user-actions-list" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-vKSYjM"> <div class="user-actions-listitem" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-RtlvUc"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-rPD4sk"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-tj2syK"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-wGRPtn"> ${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-5205765571508766-default-ph-candidate-login-v1ucpFyH-QGeqDr"> ${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-5205765571508766-default-ph-candidate-login-v1ucpFyH-LqYzHc"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-acLopA"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-4h8W1i"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-sa4lN5"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-bsWiaW"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-a3jtKt"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-5ZhZXZ"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-j5LutP"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-XfhXc0"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-WaRZm6"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-ApJfVE"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-1vFvPe"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-E5qm6y"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-HI4ppq"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-t1XHNN"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-CIfX9n"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-SIdci5"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-JG7Ict"> ${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-5205765571508766-default-ph-candidate-login-v1ucpFyH-rIjRP2"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-PmrxxY"> <form novalidate="" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-qsj8nJ"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-TfL7LI"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-xeoyq2"> <label for="signinEmail" class="form-label" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-HFf3zo"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-1BtFFL"> <div class="text-box" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-nFvg9P"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-4XehcQ"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-xepn9e"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-teIZ6J"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Bh4ggh"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-MnwfKn"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-NcEp0i"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-0gF18s"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-rcuRcl"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-JauXbI"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-yeAdcd"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-pWZNLi"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-8I19sW"> ${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-5205765571508766-default-ph-candidate-login-v1ucpFyH-vsAYfW"> <label for="signInPassword" class="form-label" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-TSuFLI"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-oO8lyG"> <div class="text-box" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-6vXUcD"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-ausC66"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-RE0XZA"></i> <div class="pswrd-visibility" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-vx8J0m"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-dReGVZ"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-mNgUph"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-cPbwPH"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Zp5Nef"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-65wujx"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-fZsy5Q"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-dOUOuJ"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-1nrUkt"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-egtgAn"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-MQgBoN"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-FIKC7w"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-hZ4qhI"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-OG5xEt"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-BxEefs"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-DWyJgI"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-ZAImua"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-okX74t"> <div class="form-container" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-qhoPeI"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-s9svuJ"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-utgKoU"> <div class="user-options" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-59AN9y"> <span class="each-option" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-6Esjh1"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Va1WBU"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-M2ve8y"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-z1H3WN"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-jafIgh"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-zMgnYj"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-0OjkU4"> <span class="forgot-password-area" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-IHIfjK"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-DNW7zp"> ${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-5205765571508766-default-ph-candidate-login-v1ucpFyH-dS5lsz"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-PvjQr8"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-c68fb7"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-NhSckH"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-qbKP0J"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-B83yJd"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-F3ASjT"> ${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-5205765571508766-default-ph-candidate-login-v1ucpFyH-wUva2R"> <span id="cd-pf-recieve-email" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-3E7d1y"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-cuRtyw"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-VdIFJa"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-0TwJB8"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Kwdagh"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-rG2m8n"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-k7VCTm"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-sg9ILc"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-UVQToX"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-GyjV83"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-71AQVI"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-6oA28i"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-vTVnn7"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-TLFldB"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-6E1IaC"> <form novalidate="" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-gQULU4"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-VCykHV"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-lzxkgF"> <label for="createEmail" class="form-label" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-ZnILrk"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-REP2Mu"> <div class="text-box" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-oSVHzE"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-qc6Ss7"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-G26RY1"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-jTnB7g"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-8Gujfu"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-YF4x7L"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-zNX06C"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-4yWzC5"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-LZ5UWf"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-0vwMkf"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-dIha3X"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-nMghGr"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-fA8OHq"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-3OBPcN"> <label for="createPassword" class="form-label" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-n45jpZ"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-8BTAo5"> <div class="text-box" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-XJ6HlA"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-0pUdiP"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-dakSYr"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-nhh6DV"></i> <div class="pswrd-visibility" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-FkADrl"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-aQs4iN"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-sdl4cT"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-4Dclhq"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-wPL5kl"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Vupmkv"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-qo4wN2"> ${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-5205765571508766-default-ph-candidate-login-v1ucpFyH-fE6ys3"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-uoCwxS"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-6ddcKj"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-o82q1w"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-QEZSpL"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-DrfOm9"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-jdo6Sv"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-ToS59U"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-5y3EDK">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-TVsAEv">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-aAJCuG">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-aQFRKd">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-AfqWI4"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-8JoIUu"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-sJsxFB"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-7rpwuc"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-ytnwdX"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-igJBZz"> <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="ucpFyH-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-0o1GQr"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-dipsxu"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-BWbfdD"></i> </span> <span class="checkbox-text" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-MxXfUO"> <ppc-content key="iMz8Gj-ucpFyH-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-j0mLk7">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-jvjZwT"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-NIgRyK"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Hxj7kp"> <span class="checkbox-text" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-QmyJiX"> <ppc-content key="hCstLH-ucpFyH-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-OLqDKH"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-k8WpMg"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-pXw1TC"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-9PARmg"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-SzFndd"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-clYJZS"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-Cr4CeD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-AbteGp"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-iydu3n"></span> <span class="checkbox-text" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Wwvhfj"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-5P9fUM"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-oO8AG1">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-wG7Cap"> <span class="sr-only required-text" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-LLjdIq"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-X8e6gO"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-kQQJYe"> <span class="alert-msg" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-DkzLdB"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Fhzt5i"> <span class="alert-msg" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-XwJZuk"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-VAoAbG"> <div class="form-container" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-s1WbDk"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-2a1yYJ"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-WZCEMh"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-w0QSVh"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-32sjUD"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Lh6XuQ" view="1709113448778-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113529566" original-view="view5" instance-id="" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-6E6Uj0"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-rwVpxr"> <span data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-zh5kPX"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-gnZetG"> ${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-5205765571508766-default-ph-candidate-login-v1ucpFyH-LAG959"> <span data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Cj9dkH"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-bBnTvp"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-uOEaMZ"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-6n6vKd">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-KIbgue">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-UN23yU"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-eTEys7"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-5k2SYa"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-mCxniF"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-tkBOKW"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-4bNQUw"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-FwjthN"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-WPGc6H"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-XyqJWQ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-XvO6rP"></span> <span class="checkbox-text" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-8DRo0e"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-FyKP1M"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-G1yYmF">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-gzvNxJ"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-R15FY0"> ${!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-5205765571508766-default-ph-candidate-login-v1ucpFyH-duJWGR"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-XeExIl"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-nvpBhS"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-YLDHvw"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-u2Dc6L">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-9bgVGn">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn &amp;&amp; isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-fLVxyf">${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-5205765571508766-default-ph-candidate-login-v1ucpFyH-ouNzKJ">${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-5205765571508766-default-ph-candidate-login-v1ucpFyH-XocWIf"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-gqYWiV"> <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-5205765571508766-default-ph-candidate-login-v1ucpFyH-vAtSQH"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-EBLMeg"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-LYm4Gt">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-5205765571508766-default-ph-candidate-login-v1ucpFyH-Eh20t1">${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-5205765571508766-default-ph-candidate-login-v1ucpFyH-7XmsyG"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1709113449630" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-c3s698"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-PcaGqI"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-hjrIYZ"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-1AnjBg"></i> <span data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-OJwLiw">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-SdyHhS"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-124ru3"></i> <span data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-4Lnvyk">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-NE92ko"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-zNnQ1b"> <span if.bind="registeredSuccessfully" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-BaS0IB"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn &amp;&amp; !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-6361787382204928-default-ph-candidate-login-v1zDsB9m-fEig0W"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-3FVQzP"> <span data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-OKQXlg">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-jWVrsS"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-eWEeRE"></i> </span> <span class="user-name fs-block" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-zEorxP"> ${preferredName &amp;&amp; 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-6361787382204928-default-ph-candidate-login-v1zDsB9m-ybOW5Y"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-nFNEyD"> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-lFyYNN"> <span data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-jDPBTD">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-eZkCAb"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-0UuREu"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-3e2R4g"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-SGyuxI"> ${preferredName &amp;&amp; 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-6361787382204928-default-ph-candidate-login-v1zDsB9m-J6hSNO"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-4IbrkJ"> <div class="user-actions-list" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-6gG3r0"> <div class="user-actions-listitem" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-Kt2hcz"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-oEUJ9n"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-g7uGhD"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-OGEzv5"> ${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-6361787382204928-default-ph-candidate-login-v1zDsB9m-mozElD"> ${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-6361787382204928-default-ph-candidate-login-v1zDsB9m-3o2wS2"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-ectXQv"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-M76xZK"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-bZtXnE"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-RsRKsM"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-LNBS44"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-F0cu00"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-xhmiPh"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-YHqTQP"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-tn724g"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-AsHdqO"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-kMfTwc"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-4lWmuc"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-w55cco"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-bYn0lf"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-p2ENIg"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-cufD4z"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-bvEWIy"> ${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-6361787382204928-default-ph-candidate-login-v1zDsB9m-nxavuu"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-Sj7gQW"> <form novalidate="" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-6GLlPQ"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-3n96yo"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-OuqI1P"> <label for="signinEmail" class="form-label" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-Tj9nkE"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-KqT88W"> <div class="text-box" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-5sQBsk"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-ZXEp5m"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-TkCoVD"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-l0MMXA"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-8Hi7Es"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-FjPHq6"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-1Pbkwj"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-2YUCKz"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-U0DwK6"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-sJuYSr"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-owA71M"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-nxseQo"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-TJ7MJX"> ${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-6361787382204928-default-ph-candidate-login-v1zDsB9m-9yrUbv"> <label for="signInPassword" class="form-label" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-YZ9SGf"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-8oUB8J"> <div class="text-box" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-SYzh98"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-E47dpR"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-rT7NEu"></i> <div class="pswrd-visibility" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-StpTKN"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-o6LKnp"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-Oz1doZ"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-kdcoMi"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-JbnFo7"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-5WBEJJ"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-vmEV4A"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-6swg1N"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-3bMmsO"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-JAgtpj"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-EvOvTD"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-V6elGo"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-TAD1pO"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-Ako1Gj"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-MWmPcC"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-7Stnf0"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-iSMk13"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-Nycr2e"> <div class="form-container" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-c85iTB"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-JgZcKt"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-1oQ2lI"> <div class="user-options" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-SX9BBw"> <span class="each-option" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-q3c2X9"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-R6YraV"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-Z1phT6"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-Hk1VVL"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-PrMXnM"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-siZico"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-arsyHi"> <span class="forgot-password-area" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-5Gi2jP"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-L27aOc"> ${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-6361787382204928-default-ph-candidate-login-v1zDsB9m-vLQpzr"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-8vQ1eY"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-lDtp50"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-HljHRe"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-7YQw6N"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-rvBL3Q"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-PWDqfd"> ${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-6361787382204928-default-ph-candidate-login-v1zDsB9m-NGZzGI"> <span id="cd-pf-recieve-email" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-UUKszD"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-UsK5l7"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-VQdjza"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-xVbamE"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-KW1y8l"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-BFaj81"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-H42or6"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-xFJHeA"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-uVSGKz"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-qOxQn4"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-hx2KGt"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-SzIwwq"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-vsatrJ"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-FZQbxU"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-ggNZsW"> <form novalidate="" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-UCNnmj"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-PSfQqE"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-sogt4o"> <label for="createEmail" class="form-label" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-vCY8D8"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-pYwcVK"> <div class="text-box" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-aUtjiy"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-2x5ytk"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-zHD0Co"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-1nFWMw"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-8VMzH7"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-CJHt48"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-GET40T"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-eETNIu"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-FfWS5o"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-UjjgTm"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-mN4ZeU"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-Yq7SgW"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-hyTGOK"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-sQH22A"> <label for="createPassword" class="form-label" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-4pbTU6"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-HVEjP7"> <div class="text-box" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-5VPukU"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-O7X3Oi"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-5TdIdc"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-BzQ2HX"></i> <div class="pswrd-visibility" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-FDNZ15"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-mycoVE"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-ku9okx"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-mEeudI"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-ov5QW0"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-whYmbR"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-H68akc"> ${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-6361787382204928-default-ph-candidate-login-v1zDsB9m-CVbWoV"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-iy0Yss"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-LbrLzT"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-Rkt5C5"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-pQambN"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-hAAUwj"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-bC67xy"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-mXHe9y"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-sLJVok">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-NRqqBY">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-8LSi07">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-OoZfAF">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-wmCIDy"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-mkWxde"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-85A9BY"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-kDmVM7"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-6GUsyw"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-tJFcCs"> <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="zDsB9m-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-smYD4u"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-ZnhYVw"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-tT0EPD"></i> </span> <span class="checkbox-text" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-4K0H5X"> <ppc-content key="wgaN8e-zDsB9m-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-RATizO">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-iR4xh8"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-XjoHVE"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-WrLWOm"> <span class="checkbox-text" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-UJDoDU"> <ppc-content key="UwgJIe-zDsB9m-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-rPbZnZ"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-E7nkpf"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-rEx2gG"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-XnBIuL"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-DyiCBD"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-llkyWl"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-U3LX8r"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-h04FEs"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-ZYb0dR"></span> <span class="checkbox-text" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-sI6ssb"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-VxmSX4"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-CMAoyG">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-KQkLIj"> <span class="sr-only required-text" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-39cILs"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-LPwQbp"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-PbWlsy"> <span class="alert-msg" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-BrTzwo"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-mAPHbC"> <span class="alert-msg" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-bxIQHS"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-m71O48"> <div class="form-container" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-7x7VyP"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-aPBexh"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-EZPWrm"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-m9OIdc"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-yCxdO9"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-kwWIjd" view="1709113448778-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113529906" original-view="view5" instance-id="" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-X3nB7S"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-OWMAfV"> <span data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-lSJGqD"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-rohu5V"> ${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-6361787382204928-default-ph-candidate-login-v1zDsB9m-02cVg5"> <span data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-HGdTeA"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-xQP9vA"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-VIhqFa"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-6CAKVK">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-YIffHS">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-nJ7PjG"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-woeqgm"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-Nes9UT"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-D5QEsX"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-ItnbQI"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-SkeQqC"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-HRXhBj"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-xhYulm"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-fGGq0Y"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-uIM52H"></span> <span class="checkbox-text" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-d6tNcu"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-6rzQM4"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-WNoc6Q">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-McqsZM"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-JrS7N7"> ${!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-6361787382204928-default-ph-candidate-login-v1zDsB9m-rEsj1r"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-mhGS8e"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-Lkf5De"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-PG7RGv"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-AUWF7E">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-FSHSFu">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn &amp;&amp; isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-7cGjNN">${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-6361787382204928-default-ph-candidate-login-v1zDsB9m-Qr0HW6">${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-6361787382204928-default-ph-candidate-login-v1zDsB9m-ke5rwA"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-pVDrhB"> <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-6361787382204928-default-ph-candidate-login-v1zDsB9m-zzR5SC"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-eDCAvZ"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-yfjRBe">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-6361787382204928-default-ph-candidate-login-v1zDsB9m-02kjVG">${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-6361787382204928-default-ph-candidate-login-v1zDsB9m-arlz9w"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1709113450027" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-dvCw8A"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-A3gCpB"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-JJBjVw"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-yQYZkh"></i> <span data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-KKRPTn">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-C6obhd"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-nQAPrq"></i> <span data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-xwqVR7">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-FBsL8u"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-6O8RJ1"> <span if.bind="registeredSuccessfully" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-u3KjXc"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn &amp;&amp; !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-grMbKS"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-ULKviB"> <span data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-ig0bhq">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-OUXHNd"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Qzzviv"></i> </span> <span class="user-name fs-block" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-FR48mi"> ${preferredName &amp;&amp; profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-RwLKr0"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-h529rj"> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-IYORgH"> <span data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Tfqmbl">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-A7eWDC"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-4dhRSa"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-bkxjq3"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-8yAQYG"> ${preferredName &amp;&amp; profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-nFFMP9"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-SZVf30"> <div class="user-actions-list" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-AsDIGh"> <div class="user-actions-listitem" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-ThKvwP"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-rPJhgu"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-3pvhTd"> <a ph-tevent="signout_click" if.bind="!isCsrfGetLogoutFlowEnabled" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Acwr3n"> ${widgetBundle['signOutButton'] | pht} </a> <a ph-tevent="signout_click" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" class="cd-sign-out-btn" href="javascript:void(0)" data-ph-at-id="heading-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-RTIzAG"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-BXYq8g"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-CKevW8"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-2zbRI3"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-rSXpX1"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-z3lRd9"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-686vck"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-FQgA9Y"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-yqggls"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-kLmK5b"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-WEQpjJ"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-3POlCm"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-t5sBQO"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-xuvGNE"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-KKVdR5"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-oK9Y0Z"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-NXNdOJ"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-PIMHNo"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-ZE6qQ3"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-9mip1C"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-FTP74x"> <form novalidate="" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-5TV7aK"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-FDFtgt"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-zwkp11"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-67RoOb"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-aoJhzL"> <div class="text-box" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-gh4vOj"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-itNoLM"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Cef28J"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-rlUwJg"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Z4wqEo"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-IWZDKi"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-KWf02J"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Fyf3u1"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-DViq6l"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Kl6VyQ"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-441Px5"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-CyK8j6"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-yLR7ig"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-m6JykA"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-sFUsPn"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-O6kX8b"> <div class="text-box" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-AbghEl"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="off" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-EirW3J"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-EKmjCd"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-WL7aFl"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-cjoNVt"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-vXRwHB"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-N4n57F"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-plGSYq"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-ttub06"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-RKFjDh"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-785S2J"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-P04heU"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Shpp89"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-b3G6dh"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-gsynmV"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-wnKqjP"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-OBAqR0"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-5NNRK9"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-6IFCDf"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-VvGGE9"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-ZvmSxY"> <div class="form-container" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-iey7NT"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-j05mGl"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-XjyWUK"> <div class="user-options" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-oapF4K"> <span class="each-option" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-EEvXJc"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-e21MTS"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-lH8sNV"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-GTZ9S4"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-rTpGQm"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-8DTyGa"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-lAqOQS"> <span class="forgot-password-area" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-qp3eL4"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-vgbXuY"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-zakjwk"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-oA55sA"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-yH5kwi"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-JGYjq7"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-kcDYX1"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-3DtGJM"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-cHcMT7"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-4rrFLc"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-d2DoFn"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-vzXBnN"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-0MRPst"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-oH5zRc"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-l3npoe"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-S7bQzS"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-sXuX2F"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-P8z9Gh"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-k8mom0"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-z9jWjE"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-YmYzaX"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-b1MkYj"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-DxcOeg"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-jtkJiI"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-ffi5xR"> <form novalidate="" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-sIKp8k"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-5JWur2"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-B40e1H"> <label for="createEmail" class="form-label" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-fpXNlq"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-5g2QxB"> <div class="text-box" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-QtWSAr"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-jlsWzk"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-UPN2Yn"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-eTozZ5"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-1zH420"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-PEDMUc"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-aEWjod"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-QsfFvK"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-z9H1fY"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-PBXFAa"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-WZBSED"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-JGzN8F"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-0whEEU"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-mLqPBD"> <label for="createPassword" class="form-label" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-80xbmR"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-elE0J3"> <div class="text-box" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Peotr6"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="off" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-pTFjoW"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-DUjZkL"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-ppRNWZ"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-wEsPm9"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-PhxUvX"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-9WTIN1"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-UAR4bF"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-RpeFrW"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-upUmWQ"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-K7GhaS"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-pn2Bkx"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-MENhJB"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-EsS5GL"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-slAyAt"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-iwwMOd"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-GBYBL4"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-cujxo4"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-youSEC"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-SLa3Nn">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-1kD7TW">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-FHTr6d">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-myBXoG">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-j0vXyt"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-jWq6Z4"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-wCQToI"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-ZVcUiB"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-VYyK6j"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-qJtGj6"> <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-default-1663490843149-ph-candidate-login-v1fyf2-g1PtJt"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-D9eKgT"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Hva26y"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-uBzXAV"> <ppc-content key="DGQmgX-fyf2-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-o0QLkL"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-ph-candidate-login-v1TdAei3"> ${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-ph-candidate-login-v1CYiOYu"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-dz2pAr"> <span class="checkbox-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-6cnLNF"> <ppc-content key="CMM6sR-fyf2-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-TlIAqu"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-ph-candidate-login-v1TdAei3"> ${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-ph-candidate-login-v1CYiOYu"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-aQxNbI"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-aB7K4m"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-bTCjoM"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-hVbmpg"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-rzQKDd"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-IDeQdq"></span> <span class="checkbox-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-PquiQ3"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-IpOciM"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-AiopQa">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-ofcdU1"> <span class="sr-only required-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-DQncwt"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-K6Hi5S"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-oZjRFz"> <span class="alert-msg" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-IN1dQ9"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-UMnCu1"> <span class="alert-msg" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-j20v8a"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-7Lo54W"> <div class="form-container" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-lSZEIU"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-vLxpIV"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-S5JshZ"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-j8Tqdf"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-4Ob5zU"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-PPwowT" view="1709113448778-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113530260" original-view="view5" instance-id="" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-9lM9lU"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-NIhvvS"> <span data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-8NIaGC"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-cWUNC7"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-rEJs66"> <span data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-dacKqP"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-c1HVGV"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-FxUQUn"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-suqlTc">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-DPske5">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-JupPFj"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-RxVdTX"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-4gN1ud"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-WXxO4u"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-71XzF1"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-oIc8jl"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-obyBjb"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-562Rtq"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-5axmvs"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-BFCGO3"></span> <span class="checkbox-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-C1lxXw"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-hnqOem"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Y8IQe4">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-CAvzPk"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-65W1dE"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-hZtQ0m"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-5162IT"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-1qVO3R"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-unUMWp"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-L5tzj7">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-s1tuj3">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn &amp;&amp; isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-dSMXDs">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-ukZqzF">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-nemHiQ"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-Hg8KhS"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-8dmO0p"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-UxhILZ"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-zFVlJD">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-CV72oT">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-default-1663490843149-ph-candidate-login-v1fyf2-t82v5Y"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1709113424714" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-RwAEgR"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-IDD83I"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-9zFLmx"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ZsFFWC"></i> <span data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-wYrHYp">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-G4EOnt"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-e1dfbo"></i> <span data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-qReQQO">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-vYlxxI"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-eTXpnq"> <span if.bind="registeredSuccessfully" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-D16G2X"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn &amp;&amp; !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ZmwDLb"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-e9wZ4g"> <span data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-79yk5d">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-T4MlbV"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-R413mD"></i> </span> <span class="user-name fs-block" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Tx5CbN"> ${preferredName &amp;&amp; profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-sRwctS"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-369Uxm"> <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ICJYNa"> <span data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-fIvE8b">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; 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 &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-QloIWw"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-vZno88"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-WkaWXJ"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-f3KgBN"> ${preferredName &amp;&amp; profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-w2hJsv"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-UtPID9"> <div class="user-actions-list" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-tiZIya"> <div class="user-actions-listitem" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-TNF0B1"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-fywd5l"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-amet8E"> <a ph-tevent="signout_click" if.bind="!isCsrfGetLogoutFlowEnabled" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-gsfOzf"> ${widgetBundle['signOutButton'] | pht} </a> <a ph-tevent="signout_click" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" class="cd-sign-out-btn" href="javascript:void(0)" data-ph-at-id="heading-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ipnUcV"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-dlDfzP"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-fndlx1"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-RaBVK0"> <!-- Login in area --> <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-enJjoR"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-UFMGiG"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-6juT8b"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-jYcJvg"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-9kU2jT"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Dq74EB"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-1YDTlC"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-sc9auG"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-sJW6UC"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-jH6TWw"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Dogcn0"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-dCApG9"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-hOS4tW"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-TxsxFg"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-DgdIvT"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-wXwCzy"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-sijF3A"> <form novalidate="" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-dRD2xc"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-K0Ybti"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ddLbIg"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-U3yjrJ"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Td6eA7"> <div class="text-box" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-m8qlWg"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-CoAUuC"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-WYYWXy"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-c0Dj1x"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-HjX7qV"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-NxQxmR"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-BMFqxS"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Eq1miE"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-NE2ZmZ"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-2lk0Pa"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-oJNfEB"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ovRVDI"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-SA3k4x"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-o568FJ"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-hzCn6u"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-YuTBUP"> <div class="text-box" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-xBnN7u"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="off" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-wQ08Bt"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-pYut7d"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-9ZJ8YH"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-D81zSv"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-gIwvnF"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-kUUBnL"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-yVGs0m"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-bATR8W"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-oFfxrx"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-IodjOp"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-USi1L6"> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-JhX5NF"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Lbmdcr"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-jCBmcE"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-dW7Xor"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-4bvQuT"> <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-atHIXw"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ROFmFW"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-pETjsv"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-8y5HHr"> <div class="form-container" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-tqKkki"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-BpqFGF"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-QNfp7I"> <div class="user-options" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-QxY2s8"> <span class="each-option" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-WH5RUX"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-veNvMN"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-hVyQvB"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-UEwWDW"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-JofUcd"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-YXkY5n"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-V97kYl"> <span class="forgot-password-area" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Dr7K7f"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-XxEuFn"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-oPBjy2"> <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-MhYlVp"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-a3RnD6"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-MuyY93"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-awC0Ly"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-jJGaYl"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-bQdUIP"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-W1nACT"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-npj0Ja"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-skuneu"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-zEQnTr"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-PLJfpm"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-kKCPr5"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-SINIVp"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-5Kkmx3"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-hPzSRu"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-KaotLs"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-05rkRk"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-f2fkk2"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-iB5Pcj"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-FqBwK1"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-N477kT"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-4Fk9dh"> <form novalidate="" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-giU2Qt"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-qtAbvH"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-EyPWVR"> <label for="createEmail" class="form-label" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-hf3gIo"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ZCJTp9"> <div class="text-box" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-FnMkgQ"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-KRDnrR"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-eOxsSb"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-wk5GF2"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-VarsRc"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Uw0Ne9"> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-So6YpG"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-6uMfs9"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-T6OQDP"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-vdddOE"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-aqDI0D"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-aqZIBt"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-rSwOZH"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-0y6JlD"> <label for="createPassword" class="form-label" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-y8gboH"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-MJRAp9"> <div class="text-box" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-VVPERx"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="off" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-fTobBY"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-I7RNaQ"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-bglYKR"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-BCOJY1"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-AKxPDO"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-LoNcxf"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-m3mRVh"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-MroopR"> <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-UGj6vL"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-G0IhWh"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-n1tjes"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-zc5od5"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-mt1VLY"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-OxtlWn"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-jBPlYk"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-isQilo"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-wLaTfj"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-P2yeXH"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-wYlKkT">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-D8O46A">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-5pnoU2">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-WDWfBw">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-jJ9Lpu"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Wmbmua"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ISdU7L"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-FbaWyw"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-IRIEaw"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-1aG1Zm"> <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="fujiya-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ZzPeAC"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-0porVF"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-zCQNnj"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Vyndrt"> <ppc-content key="artZoZ-fujiya-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Hen1EU"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1663490839145-ph-candidate-login-v1fujiya-wDBxB1"> ${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-1663490839145-ph-candidate-login-v1fujiya-ZEGa3y"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-q8Tcya"> <span class="checkbox-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-4rWHp4"> <ppc-content key="NArpLW-fujiya-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-caKkxN"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1663490839145-ph-candidate-login-v1fujiya-wDBxB1"> ${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-1663490839145-ph-candidate-login-v1fujiya-ZEGa3y"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-OIWbA6"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-x0XySM"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-e7s5M5"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-GgPOSM"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-wO8Gcc"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-qouWxB"></span> <span class="checkbox-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ogQ9Va"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-6Gdk5W"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-vuAqNI">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-CzQ5rE"> <span class="sr-only required-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-pvdhU2"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-4lQYpG"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-HAtmkx"> <span class="alert-msg" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-GEuZHW"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-q9RPOs"> <span class="alert-msg" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Br4PDr"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-rp5aBb"> <div class="form-container" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-lQu9Pb"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-n60G2N"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-HhfG73"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-5t5HjC"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-4aL6QL"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-3Cp8YS" view="1709113448778-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1709113531324" original-view="view5" instance-id="" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-CmmYwh"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-vgTroE"> <span data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-GcYB7a"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-9FcV2s"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-F7bDu1"> <span data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-wWqCP3"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-CmYoag"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-8z5CMP"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-D81MwC">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-lHFpML">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-y76lAi"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-MJkEoQ"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Nun3Ch"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-Jx6XN2"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-vd2SKG"> <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-BMm2Lw"></div> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-8VAoTR"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-IONnDD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-8gSTBS"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-J1777w"></span> <span class="checkbox-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-WPwyYQ"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-t4crnL"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-FTYPJW">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-tTlZ89"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-dWeH81"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-ILyNnZ"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-MRc5pf"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-dPdCku"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-AP0uvU"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-u5ZU38">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-KfmdFp">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn &amp;&amp; isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-rDpRlL">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-sCApRL">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-zrkJgv"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-h1XC2F"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-uA9c9a"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-x4WMPr"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-XdUCNX">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-0dZZcJ">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-default-1663490835757-ph-candidate-login-v1fujiya-V3Htnu"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113521065" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-aKByGw"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-YwUsqa"> <div class="widget-container" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-1pFUl0"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-BJYaL7"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-ASGD6n"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-m2C80k"> <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="G20bWZ-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-bB28ut"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-d4576G"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-5NqxbJ"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-7OlUoC"> <ppc-content key="unE3JA-G20bWZ-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-mXSw5L"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-5210877050900398-view5-ph-social-connect-v1G20bWZ-JZbjUO"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877050900398-view5-ph-social-connect-v1G20bWZ-ocpWVX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-CNJSb5"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-tDeHWI"> <ppc-content key="IiN5Ss-G20bWZ-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-3qAztw"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-5210877050900398-view5-ph-social-connect-v1G20bWZ-JZbjUO"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5210877050900398-view5-ph-social-connect-v1G20bWZ-ocpWVX"> ${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-1709113352673-ph-social-connect-v1G20bWZ-F9lW5F"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-ZD5yy3"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-Lfbfqk"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="G20bWZ-ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-2LHUq3"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="G20bWZ-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-O7Pw23"> <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-1709113352673-ph-social-connect-v1G20bWZ-qMvSxv"> <div class="icon-block" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-LzkWJq"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-F83LCw"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113352673-ph-social-connect-v1G20bWZ-b0RgN2"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113521437" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-euVhKB"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-0WSQxV"> <div class="widget-container" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-cAyoLf"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-sIUCBV"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-XRvH4u"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-7UYzuX"> <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="k43NME-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-jwIHqY"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-pTQxVe"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-SBe1hQ"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-DqrD61"> <ppc-content key="0add69-k43NME-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-AtTvEF"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-5205765061314321-view5-ph-social-connect-v1k43NME-VzEqe9"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765061314321-view5-ph-social-connect-v1k43NME-PsoCiJ"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-Skeu4D"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-ZwthAB"> <ppc-content key="dq4gnC-k43NME-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-Dan2dY"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-5205765061314321-view5-ph-social-connect-v1k43NME-VzEqe9"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-5205765061314321-view5-ph-social-connect-v1k43NME-PsoCiJ"> ${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-1709113353517-ph-social-connect-v1k43NME-4PPqbd"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-8KhaTR"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-SwgE8z"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="k43NME-ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-F41rn4"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="k43NME-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-bVre39"> <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-1709113353517-ph-social-connect-v1k43NME-j93nOI"> <div class="icon-block" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-WaIea4"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-6RUVuh"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113353517-ph-social-connect-v1k43NME-jNSXoI"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113521802" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-NkH761"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-wQEPwd"> <div class="widget-container" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-4VN8jD"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-jEI7qc"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-cI52vS"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-heagyG"> <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="tdBbAh-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-VDPRO8"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-SOLjdl"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-1t7NOq"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-Eza5oy"> <ppc-content key="TzY6Dn-tdBbAh-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-muMK4M"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-6361786814386208-view5-ph-social-connect-v1tdBbAh-Gnup56"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361786814386208-view5-ph-social-connect-v1tdBbAh-YVwlIv"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-nzSnXc"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-eCF9ko"> <ppc-content key="2rqqwM-tdBbAh-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-GWcvR3"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-6361786814386208-view5-ph-social-connect-v1tdBbAh-Gnup56"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-6361786814386208-view5-ph-social-connect-v1tdBbAh-YVwlIv"> ${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-1709113354927-ph-social-connect-v1tdBbAh-Pau6YZ"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-iaqyib"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-9NEMpt"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="tdBbAh-ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-gWqyfD"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="tdBbAh-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-G4Zwq9"> <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-1709113354927-ph-social-connect-v1tdBbAh-ZmYms5"> <div class="icon-block" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-yxMvXf"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-qMkZ8F"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113354927-ph-social-connect-v1tdBbAh-WSOD58"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113522169" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-5kO4jL"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-KA2UyJ"> <div class="widget-container" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-RKNnQY"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-whzNpd"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-LbCDuK"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-i7bdf4"> <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-1709113355321-ph-social-connect-v17uyy7u-Pwv5k9"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-TmaFUQ"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-Bz1ATs"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-CCd4Er"> <ppc-content key="SIFEC5-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-Fv7KrW"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663479000226-view5-ph-social-connect-v17uyy7u-UcJQsV"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663479000226-view5-ph-social-connect-v17uyy7u-02PeBA"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-44LkvD"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-nUns9c"> <ppc-content key="x5KF1n-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-hlgSba"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663479000226-view5-ph-social-connect-v17uyy7u-UcJQsV"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663479000226-view5-ph-social-connect-v17uyy7u-02PeBA"> ${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-1709113355321-ph-social-connect-v17uyy7u-ljv7P2"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-iIp0A2"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-uXqHeD"> ${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-1709113355321-ph-social-connect-v17uyy7u-Y9QvQd"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="7uyy7u-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-jtid36"> <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-1709113355321-ph-social-connect-v17uyy7u-Dpnro7"> <div class="icon-block" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-fa5ZHf"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-zIjj4o"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113355321-ph-social-connect-v17uyy7u-4K6ORs"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113522541" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-H2eWt6"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-WZUVdF"> <div class="widget-container" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-KbenB8"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-4HVxkH"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-ZXcHHa"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-uWSOXj"> <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-1709113356165-ph-social-connect-v1-he18vw"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-9yCRd7"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-hP8aqC"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-xlhpWo"> <ppc-content key="kJ2C2J-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-gfIcpP"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-eNwNr0"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-mbCYnx"> <ppc-content key="pTw073-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-d7zMDQ"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-1709113356165-ph-social-connect-v1-DdbmAe"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-F7Rz2C"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-Ata4E8"> ${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-1709113356165-ph-social-connect-v1-jJqGLX"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-ZMoGD4"> <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-1709113356165-ph-social-connect-v1-PlA8tN"> <div class="icon-block" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-hbMJXt"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-vVNq6J"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113356165-ph-social-connect-v1-YAmRCM"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113522887" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-2wr2oC"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-Snu8Lo"> <div class="widget-container" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-2cEbvJ"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-vK7Ghk"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-eYMHgP"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-onIPHg"> <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-1709113357064-ph-social-connect-v1-1s8KP9"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-sYTiRA"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-f1DoOg"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-W38Fkn"> <ppc-content key="lJiiFP-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-K8X8RO"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-PaAJ1C"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-gMCdEP"> <ppc-content key="8c7wka-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-Hj5bhQ"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-1709113357064-ph-social-connect-v1-c7I55n"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-mxO4uu"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-XRLIja"> ${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-1709113357064-ph-social-connect-v1-pNgfpU"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-Zz25sq"> <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-1709113357064-ph-social-connect-v1-YOXjyA"> <div class="icon-block" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-INjvUV"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-OnIMaR"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113357064-ph-social-connect-v1-9Kwiss"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113523929" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-oh6O5E"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-JFnnEo"> <div class="widget-container" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-akfcBd"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-mKgnML"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-WiDkia"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-V0gTJZ"> <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-1709113358396-ph-social-connect-v1-8AHhrR"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-81spNp"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-iaHeDN"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-DAtsKK"> <ppc-content key="tlfzyP-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-NXaTYx"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-Ae3HHP"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-4Ti6ih"> <ppc-content key="bXutdZ-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-R3sclm"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-1709113358396-ph-social-connect-v1-XPRw5O"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-cs44hU"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-svy3xU"> ${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-1709113358396-ph-social-connect-v1-dCWAdd"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-iDi9FN"> <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-1709113358396-ph-social-connect-v1-jdEOsC"> <div class="icon-block" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-78g7eg"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-I1lccR"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113358396-ph-social-connect-v1-SR5QkB"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113524280" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-ztbZMe"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-eNgbD4"> <div class="widget-container" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-bUKCm6"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-I51g9G"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-wwEpZS"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-OD6jlL"> <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-1709113358860-ph-social-connect-v1-tPUywJ"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-i5bbtu"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-SXLfMy"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-1ZD23E"> <ppc-content key="cgOrkx-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-GOobgf"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-GSn95n"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-c1lnHe"> <ppc-content key="Ji3apw-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-aOEaay"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-1709113358860-ph-social-connect-v1-6ahpKg"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-rAj7UV"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-qKrnSz"> ${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-1709113358860-ph-social-connect-v1-VatHnz"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-1vZVNk"> <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-1709113358860-ph-social-connect-v1-9lDSRn"> <div class="icon-block" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-yJ8JLE"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-4NM3Wz"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113358860-ph-social-connect-v1-Uc5FxT"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113524640" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-9WJj0s"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-PvRzjP"> <div class="widget-container" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-r22SyH"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-5UHHa2"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-HBsgD8"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-nX3RrO"> <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-1709113359306-ph-social-connect-v1-TyoZGg"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-dLjWii"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-WzWz2z"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-y6HpNJ"> <ppc-content key="YVkmH6-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-daFPyL"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-O2u4cv"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-peMDkr"> <ppc-content key="neHoJj-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-sJo8dX"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-1709113359306-ph-social-connect-v1-wmnd2p"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-IwXVnS"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-hXblwj"> ${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-1709113359306-ph-social-connect-v1-jQhBmg"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-SRVHmo"> <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-1709113359306-ph-social-connect-v1-ZZhwYy"> <div class="icon-block" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-EZklnd"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-zkUXS5"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113359306-ph-social-connect-v1-nTFWGP"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113524982" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-FiJ2B0"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-dWyUK2"> <div class="widget-container" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-b5nIUF"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-wv2Lyt"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-ATpOeL"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-6kSnRb"> <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-1709113359757-ph-social-connect-v1-RCjnwz"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-3Nl52X"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-8GhnJi"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-YIklvl"> <ppc-content key="KK3yYE-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-gOTV6B"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-NX0Ui5"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-C89etN"> <ppc-content key="iuHovR-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-Tz4j3m"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-1709113359757-ph-social-connect-v1-KYHJvw"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-L5292M"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-LPhssV"> ${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-1709113359757-ph-social-connect-v1-7HbrRw"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-l9WCmB"> <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-1709113359757-ph-social-connect-v1-mQ6V38"> <div class="icon-block" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-d1iHGq"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-k1zROo"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113359757-ph-social-connect-v1-RChFrE"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113526081" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-LQJWTS"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-M0ZZES"> <div class="widget-container" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-ZVQQeR"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-BXClkK"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-N8dnah"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-g7iSTD"> <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-1709113361073-ph-social-connect-v1-GPXgV3"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-lZ0X7A"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-glhkGh"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-xoJ5zL"> <ppc-content key="KRv6Cv-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-Km8AOk"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-xZOZ3N"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-dKlW46"> <ppc-content key="fI1IUN-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-tcGTJU"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-1709113361073-ph-social-connect-v1-TMZ8Ij"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-k3tNSX"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-uni0PO"> ${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-1709113361073-ph-social-connect-v1-V4oIpt"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-PrYOWW"> <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-1709113361073-ph-social-connect-v1-H6FYUT"> <div class="icon-block" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-4ECf0H"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-FLh5E9"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113361073-ph-social-connect-v1-wa94LW"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113527043" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-Lj8RFB"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-bYNKjN"> <div class="widget-container" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-u8u5fu"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-5O2WU6"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-MioIyO"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-U5Pexu"> <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-1709113361592-ph-social-connect-v1-vO8ykP"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-Snyv6K"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-OcZuee"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-XXHqFW"> <ppc-content key="ahhoUu-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-1arLQD"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-1RNGDN"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-aG0dWU"> <ppc-content key="xSSaGK-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-XsTPAz"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-1709113361592-ph-social-connect-v1-WPSsxg"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-2gxqJK"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-QXnx6Y"> ${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-1709113361592-ph-social-connect-v1-ULYtmu"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-Y1gKvV"> <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-1709113361592-ph-social-connect-v1-yWN6n1"> <div class="icon-block" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-65zw0C"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-RZbUAX"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113361592-ph-social-connect-v1-Ls8hx0"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113527396" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-JwoLfq"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-Wo4Nhh"> <div class="widget-container" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-M5DzOK"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-1DG1KC"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-W8H12U"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-2uJjmR"> <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-1709113362019-ph-social-connect-v1-aYcYse"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-yEkG8J"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-dLYUtN"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-s6uCDw"> <ppc-content key="DloHK4-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-nW9w1Y"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-p9NfmQ"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-prPHaG"> <ppc-content key="OwPNjH-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-NFBVEl"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-1709113362019-ph-social-connect-v1-Csn5uU"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-VMlBZ6"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-EfU6jM"> ${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-1709113362019-ph-social-connect-v1-dzD4zB"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-yO5cwG"> <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-1709113362019-ph-social-connect-v1-ArP9yJ"> <div class="icon-block" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-cGXGn7"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-GyIdnx"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113362019-ph-social-connect-v1-lVrtJ1"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113527790" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-PxfSQ6"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-LI4z1Q"> <div class="widget-container" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-3mO8T5"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-5gDUaS"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-9Ohqwh"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-P7KQho"> <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-1709113362442-ph-social-connect-v1-GmeVxk"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-t03ChO"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-sxuIlw"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-VtXUh8"> <ppc-content key="5oH7IW-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-Hz2rdB"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-NqZnsP"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-h0jD2E"> <ppc-content key="VNyFza-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-j9fn5T"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-1709113362442-ph-social-connect-v1-JXH0Hi"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-U8G3VO"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-qBlt03"> ${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-1709113362442-ph-social-connect-v1-wcLxM3"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-hphIGS"> <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-1709113362442-ph-social-connect-v1-VXHNYa"> <div class="icon-block" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-jsDhRc"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-SXQUf6"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113362442-ph-social-connect-v1-8E8fDe"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113528858" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-9uc1RX"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-wlldV1"> <div class="widget-container" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-AeIi2n"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-0raDqX"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-gGHjlQ"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-lck5W0"> <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-1709113363751-ph-social-connect-v1-mqpVFk"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-t0QMgh"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-THMX2e"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-TVTPWU"> <ppc-content key="k6K0he-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-m0EU2b"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-P3P2E8"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-BgHW0U"> <ppc-content key="5mroij-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-8hOh7T"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${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-1709113363751-ph-social-connect-v1-4c35Go"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-A140j3"> <span class="social-alert-msg" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-ywrvYX"> ${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-1709113363751-ph-social-connect-v1-VxIpF9"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-E3NQic"> <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-1709113363751-ph-social-connect-v1-WhxFQ5"> <div class="icon-block" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-H8PxO2"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-A71Ibj"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1709113363751-ph-social-connect-v1-OZAUtg"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113529202" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-6AKnDm"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-PknULj"> <div class="widget-container" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-R4htdK"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-DY4Ziu"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-l50fgT"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-mLTmF1"> <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-1709113448778-view5-ph-social-connect-v1-9Q9iqf"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-JeH1Kg"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-zw5KpT"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-xu971W"> <ppc-content key="gpULkM-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-AsVVBG"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-BaYDVB"> <span class="social-checkbox-btn-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-7VREva"> <ppc-content key="TQzI0y-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-w3aF2F"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-5fTYVB"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-ICAljp"> <span class="social-alert-msg" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-eVnX77"> ${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-1709113448778-view5-ph-social-connect-v1-QkS9Q4"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-9TGBkF"> <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-1709113448778-view5-ph-social-connect-v1-IF8Ed1"> <div class="icon-block" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-PoVSkD"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-zx4ekp"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-4TtE8n"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113529566" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-6AKnDm"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-PknULj"> <div class="widget-container" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-R4htdK"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-DY4Ziu"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-l50fgT"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-mLTmF1"> <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-1709113448778-view5-ph-social-connect-v1-9Q9iqf"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-JeH1Kg"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-zw5KpT"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-xu971W"> <ppc-content key="gpULkM-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-AsVVBG"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-BaYDVB"> <span class="social-checkbox-btn-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-7VREva"> <ppc-content key="TQzI0y-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-w3aF2F"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-5fTYVB"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-ICAljp"> <span class="social-alert-msg" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-eVnX77"> ${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-1709113448778-view5-ph-social-connect-v1-QkS9Q4"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-9TGBkF"> <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-1709113448778-view5-ph-social-connect-v1-IF8Ed1"> <div class="icon-block" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-PoVSkD"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-zx4ekp"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-4TtE8n"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113529906" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-6AKnDm"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-PknULj"> <div class="widget-container" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-R4htdK"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-DY4Ziu"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-l50fgT"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-mLTmF1"> <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-1709113448778-view5-ph-social-connect-v1-9Q9iqf"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-JeH1Kg"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-zw5KpT"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-xu971W"> <ppc-content key="gpULkM-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-AsVVBG"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-BaYDVB"> <span class="social-checkbox-btn-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-7VREva"> <ppc-content key="TQzI0y-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-w3aF2F"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-5fTYVB"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-ICAljp"> <span class="social-alert-msg" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-eVnX77"> ${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-1709113448778-view5-ph-social-connect-v1-QkS9Q4"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-9TGBkF"> <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-1709113448778-view5-ph-social-connect-v1-IF8Ed1"> <div class="icon-block" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-PoVSkD"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-zx4ekp"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-4TtE8n"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113530260" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-6AKnDm"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-PknULj"> <div class="widget-container" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-R4htdK"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-DY4Ziu"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-l50fgT"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-mLTmF1"> <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-1709113448778-view5-ph-social-connect-v1-9Q9iqf"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-JeH1Kg"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-zw5KpT"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-xu971W"> <ppc-content key="gpULkM-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-AsVVBG"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-BaYDVB"> <span class="social-checkbox-btn-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-7VREva"> <ppc-content key="TQzI0y-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-w3aF2F"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-5fTYVB"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-ICAljp"> <span class="social-alert-msg" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-eVnX77"> ${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-1709113448778-view5-ph-social-connect-v1-QkS9Q4"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-9TGBkF"> <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-1709113448778-view5-ph-social-connect-v1-IF8Ed1"> <div class="icon-block" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-PoVSkD"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-zx4ekp"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-4TtE8n"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1709113531324" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-6AKnDm"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-PknULj"> <div class="widget-container" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-R4htdK"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-DY4Ziu"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-l50fgT"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-mLTmF1"> <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-1709113448778-view5-ph-social-connect-v1-9Q9iqf"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-JeH1Kg"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-zw5KpT"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-xu971W"> <ppc-content key="gpULkM-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-AsVVBG"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-BaYDVB"> <span class="social-checkbox-btn-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-7VREva"> <ppc-content key="TQzI0y-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-w3aF2F"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-PaBfgk"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1663490860226-view5-ph-social-connect-v1-cgMIeX"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-5fTYVB"> <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-ICAljp"> <span class="social-alert-msg" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-eVnX77"> ${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-1709113448778-view5-ph-social-connect-v1-QkS9Q4"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-9TGBkF"> <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-1709113448778-view5-ph-social-connect-v1-IF8Ed1"> <div class="icon-block" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-PoVSkD"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-zx4ekp"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-1709113448778-view5-ph-social-connect-v1-4TtE8n"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-view14-1663493492051" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-page-element-page13-pC4FXX"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="ph-category-overview-v3-view14-5d4kmw-q5ROu7" aria-label="Browse by Job Categories" key-aria-label="ph-category-overview-v3-view14-5d4kmw-c9GdY1" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-page-element-page13-BxVTAV" style="background-color: rgba(255,255,255,1) ;"> <div class="widget-container" data-ph-id="ph-page-element-page13-DQ8WFt"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page13-r33FSX"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page13-KJ2vSS"> <ppc-content key="ph-category-overview-v3-view14-5d4kmw-RzsUCM" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page13-KMDpWD" language-overriden="true"><div><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"><span class="brand-color-primary"><span style="font-family:D-DINCondensed-Bold;">Browse by Job Categories</span></span></span></div></ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page13-tdiDE8"> <ppc-content key="ph-category-overview-v3-view14-5d4kmw-CBxhtq" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page13-0Oqx0E" language-overriden="true"><strong><span style="font-family:Isidora-Medium;"><span class="ph-5cCke">We give you the tools to discover your perfect job, </span></span></strong><strong><span style="font-family:Isidora-Medium;"><span class="ph-5cCke">along with the freedom and support<br />to take your career to the next level.</span></span></strong></ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page13-DaKLnc"> <div class="${mode}" data-ph-id="ph-page-element-page13-I886vr"> <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-page-element-page13-6ZG6oG"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-page-element-page13-5Ggzqj"> <a ph-tevent="job_category_click" ref="linkEle" href.bind="getUrl(linkEle, 'category', category)" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" aria-label="${category.key} ${category.total_count} ${category.total_count == 1 ? (widgetBundle['categoryCountSingler']) : (widgetBundle['categoryCountPlural'])}" data-ph-id="ph-page-element-page13-pVIsOi"> <!-- <figure> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key}" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image"> </figure> --> <div class="category-info" role="text" data-ph-id="ph-page-element-page13-zKIgs2"> <p class="title" title.bind="category.key" data-ph-id="ph-page-element-page13-Laa6td">${category.key}</p> <p class="job-description" if.bind="category.description" data-ph-at-id="category-description" data-ph-at-data-text="${category.description}" data-ph-id="ph-page-element-page13-pb476Y"> ${category.description} </p> <p class="job-count" if.bind="showEmptyCategories &amp;&amp; !category.total_count &amp;&amp; !hideJobCount" data-ph-id="ph-page-element-page13-3bRY0R"> <span data-ph-id="ph-page-element-page13-sAMRds">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-page-element-page13-34aPPe">(0)</span> </span> </p> <p class="job-count" if.bind="category.total_count > 1 &amp;&amp; !hideJobCount" data-ph-id="ph-page-element-page13-FNL5nt"> <span data-ph-id="ph-page-element-page13-mC1wp1">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-page-element-page13-HMSOCm">(${category.total_count})</span> </span> </p> <p class="job-count" if.bind="category.total_count == 1 &amp;&amp; !hideJobCount" data-ph-id="ph-page-element-page13-HiePFg"> <span data-ph-id="ph-page-element-page13-KKaf81">${widgetBundle['categoryCountSingler'] | pht} <span class="job-count-figure" data-ph-id="ph-page-element-page13-dKur9Z">(${category.total_count})</span> </span> </p> </div> </a> </div> <!--aria-label="${category.key} ${category.total_count} jobs" --> <div repeat.for="category of categoryViewModel" show.bind="(mode != 'slider') &amp;&amp; (type != 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" data-ph-id="ph-page-element-page13-WN9dWK"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" aria-label="${category.key} ${category.total_count} ${category.total_count == 1 ? (widgetBundle['categoryCountSingler']) : (widgetBundle['categoryCountPlural'])}" data-ph-id="ph-page-element-page13-8DRcR8"> <!-- <figure> <img src="https://cdn.phenompeople.com/CareerConnectResources/PHENA0059/en_us/desktop/assets/images/header_hero.jpg" alt="${category.key}" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image"> </figure> --> <div class="category-info" role="text" data-ph-id="ph-page-element-page13-JrKgvR"> <p class="title" title.bind="category.key" data-ph-id="ph-page-element-page13-qppzhc">${category.key}</p> <p class="job-description" if.bind="category.description" data-ph-at-id="category-description" data-ph-at-data-text="${category.description}" data-ph-id="ph-page-element-page13-1ptK9l"> ${category.description} </p> <p class="job-count" if.bind="showEmptyCategories &amp;&amp; !category.total_count &amp;&amp; !hideJobCount" data-ph-id="ph-page-element-page13-W9GoJp"> <span data-ph-id="ph-page-element-page13-ms3P70">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-page-element-page13-9bPldF">(0)</span> </span> </p> <p class="job-count" if.bind="category.total_count > 1 &amp;&amp; !hideJobCount" data-ph-id="ph-page-element-page13-a9GSHy"> <span data-ph-id="ph-page-element-page13-qZFzhX">${widgetBundle['categoryCountPlural'] | pht} <span class="job-count-figure" data-ph-id="ph-page-element-page13-jCSJsX">(${category.total_count})</span> </span> </p> <p class="job-count" if.bind="category.total_count == 1 &amp;&amp; !hideJobCount" data-ph-id="ph-page-element-page13-xrSOvd"> <span data-ph-id="ph-page-element-page13-7OTmzy">${widgetBundle['categoryCountSingler'] | pht} <span class="job-count-figure" data-ph-id="ph-page-element-page13-mfbtCc">(${category.total_count})</span> </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-page-element-page13-d9xkjv"> <a aria-live="assertive" aria-atomic="true" data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup &amp;&amp; viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="ph-category-overview-v3-view14-5d4kmw-EIv9zF" key-aria-label="ph-category-overview-v3-view14-5d4kmw-MNxEUJ" key-role="ph-category-overview-v3-view14-5d4kmw-N4xJr0" data-ph-at-id="seemore-link" data-ph-id="ph-page-element-page13-UinEky"> <ppc-content key="ph-category-overview-v3-view14-5d4kmw-F19eNS" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page13-ucv8Ex" language-overriden="true"> Show More </ppc-content> </a> <a aria-live="assertive" aria-atomic="true" data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" keyup.trigger="viewNextOnKeyup &amp;&amp; viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="ph-category-overview-v3-view14-5d4kmw-GeQFKT" key-aria-label="ph-category-overview-v3-view14-5d4kmw-xpIfpW" key-role="ph-category-overview-v3-view14-5d4kmw-uDGPOC" data-ph-at-id="viewnext-link" data-ph-id="ph-page-element-page13-QNfebb"> <ppc-content key="ph-category-overview-v3-view14-5d4kmw-zH0Xkm" data-ph-at-id="viewnext-text" data-ph-id="ph-page-element-page13-5IgWlt" language-overriden="true"> View Next </ppc-content> </a> <a aria-live="assertive" aria-atomic="true" data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="ph-category-overview-v3-view14-5d4kmw-vSZ8G5" key-aria-label="ph-category-overview-v3-view14-5d4kmw-a8qZXA" key-role="ph-category-overview-v3-view14-5d4kmw-hHVzyg" data-ph-at-id="viewall-link" data-ph-id="ph-page-element-page13-dJqFmE"> <ppc-content key="ph-category-overview-v3-view14-5d4kmw-xKylRg" data-ph-at-id="viewall-text" data-ph-id="ph-page-element-page13-NhnMBu" language-overriden="true"> View All </ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup &amp;&amp; viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="ph-category-overview-v3-view14-5d4kmw-Pp2dGK" key-aria-label="ph-category-overview-v3-view14-5d4kmw-ept9a5" key-role="ph-category-overview-v3-view14-5d4kmw-4EZS9I" data-ph-at-id="seeless-link" data-ph-id="ph-page-element-page13-G3SlAO"> <ppc-content key="ph-category-overview-v3-view14-5d4kmw-fqp8mI" data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page13-jI7ZIG" 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' &amp;&amp; !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-page-element-page13-mUPRIq"> <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 &amp;&amp; modeOptions.prev" title="View Previous Slide" key-title="ph-category-overview-v3-view14-5d4kmw-doLG8A" key-aria-label="ph-category-overview-v3-view14-5d4kmw-6JFZPk" key-role="ph-category-overview-v3-view14-5d4kmw-9Kglq2" data-ph-at-id="sliderprevious-link" data-ph-id="ph-page-element-page13-5IN21c"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-page-element-page13-C4P22y"></i> <ppc-content key="ph-category-overview-v3-view14-5d4kmw-PuSlHg" data-ph-at-id="sliderprevious-text" data-ph-id="ph-page-element-page13-7O90id" 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 &amp;&amp; modeOptions.next" title="View Next Slide" key-title="ph-category-overview-v3-view14-5d4kmw-wqHo3O" key-aria-label="ph-category-overview-v3-view14-5d4kmw-7xS7cU" key-role="ph-category-overview-v3-view14-5d4kmw-Vjprqn" data-ph-at-id="slidernext-link" data-ph-id="ph-page-element-page13-a38ZlY"> <ppc-content key="ph-category-overview-v3-view14-5d4kmw-oQGsIg" data-ph-at-id="slidernext-text" data-ph-id="ph-page-element-page13-68NPeV" language-overriden="true"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-page-element-page13-3tQsh0"></i> </a> <div class="slider-indicators" data-ph-id="ph-page-element-page13-6UbbW4"> <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 &amp;&amp; modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-page-element-page13-tDtUWp"> </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' &amp;&amp; modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-page-element-page13-5N3sw0"> <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 &amp;&amp; modeOptions.prev" title="View Previous Slide" key-title="ph-category-overview-v3-view14-5d4kmw-nFALhU" key-aria-label="ph-category-overview-v3-view14-5d4kmw-bO3BSc" key-role="ph-category-overview-v3-view14-5d4kmw-KntEtP" data-ph-at-id="sliderprevious-link" data-ph-id="ph-page-element-page13-hShSMt"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-page-element-page13-AxLk7h"></i> <ppc-content key="ph-category-overview-v3-view14-5d4kmw-oGiyAi" data-ph-at-id="sliderprevious-text" data-ph-id="ph-page-element-page13-O8G1AR" 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 &amp;&amp; modeOptions.next" title="View Next Slide" key-title="ph-category-overview-v3-view14-5d4kmw-lRfIxx" key-aria-label="ph-category-overview-v3-view14-5d4kmw-HuxUc6" key-role="ph-category-overview-v3-view14-5d4kmw-2C37kh" data-ph-at-id="slidernext-link" data-ph-id="ph-page-element-page13-vH9fI1"> <ppc-content key="ph-category-overview-v3-view14-5d4kmw-1reUfZ" data-ph-at-id="slidernext-text" data-ph-id="ph-page-element-page13-hiOFFl" language-overriden="true"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-page-element-page13-NPmgQu"></i> </a> <div class="slider-indicators" data-ph-id="ph-page-element-page13-4DD0qs"> <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 &amp;&amp; modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-page-element-page13-oH13Zn"> </a> </div> </div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page13-jRmsjs"> <p data-ph-id="ph-page-element-page13-gCYRhu"> <ppc-content key="ph-category-overview-v3-view14-5d4kmw-QGzwfD" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page13-0L5LXO" language-overriden="true"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1713438483892.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/tenantcss/main-1710161398964.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/tenantcss/color-css-1707949829574.css" id="colorCss" /><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript" nonce=""> phApp.pageId = "page13";</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":"privacy-policy","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":"terms-of-service","google-sign":"Sign in with Google","privacyPolicyText":"Privacy Policy","privacyPolicyCheckboxSeparatorText":" and ","mergeCount":"Merge selected ({{profileCount}})"},"ph-candidate-login-v1-default":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","signInIcon":"icon icon-user-4","validEmailIcon":"icon icon-check-mark-thick-1","validPasswordIcon":"icon icon-check-mark","signOutButton":"Sign out","createAccountEmailFormAriaLabel":"Enter email","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":"Sign in","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","createAccErrorStatement2":"8 characters,","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement3":"one number,","signInButtonLabel":"Already have an account?","signInPopUpSubHeading":"","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","loggedInBtnAriaLabel":"Your profile {{saluteText}}","accCreated2Error":"Please continue with","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"[email protected]","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"[email protected]","returnSigninText":"Return to Sign in","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalized profile","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","personalAccountLinkText":"View profile","signInEmailFormLabel":"Email","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","closePopUpButtonIcon":"icon icon-cancel","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalized profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"privacy-policy","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","resetPasswordPopUpSubHeading2":"We've sent an email to &lt;strong&gt;{{emailId}}&lt;/strong&gt; with password reset instructions. ","signInLinkText":"Sign in","resetPasswordPopUpSubHeading1":"We've sent an email to &lt;strong&gt;{{emailId}}&lt;/strong&gt; with password reset instructions. ","staySignedInCheckboxAriaLabel":"Stay signed in","closePopupButtonAriaLabel":"Close popup","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","salutationText":"Hi","createAccountLinkText":"Sign up","passwordInVisibleSrOnly":"Password is invisible","createAccountEmailFormLabel":"Email","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","resentEmailButtonLabel":"Didn't receive the mail?","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"terms-of-service","errorMessageInvalidEmail":"Please enter a valid email address.","signInPasswordFormAriaLabel":"Enter password","signInEmailFormAriaLabel":"Enter email","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-find-your-fit-v1-view1":{"socialSigninStepText":"social sign in","deleteAgainText":"Please try to delete your resume again","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","closePopUpButtonIcon":"icon icon-cancel","unsavedPopupHeading":"You have unsaved changes","unsavedPopupSubHeading":"Save your information before leaving","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","unsavedPopupConfirmBtnTxt":"Save","uploadInfoText":"Upload a file up to 1 mb (Word, pdf, text)","locationBlockedHeadingText":"Location access is turned off","resumeParsedText":"Your resume was successfully uploaded and parsed.","removeResumeButtonAriaLabel":"Remove resume","tryAgainText":"Try again","resumeFileSizeExceedsText":"Upload a file up to {{fileSize}} mb","unsavedPopupCancelBtnTxt":"Leave without saving","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","addSkillButtinAriaLabel":"Add {{skillName}}","closePopupButtonAriaLabel":"Close pop up","locationBlockedOkText":"OK","deleteResumeHeading":"Are you sure you want to delete your resume?","suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","fyfRecentTitlePlaceHolderText":"Your most recent job title","uploadAgainText":"Please try to upload your resume again.","oopsText":"Oops...","removeResumeBtnText":"Delete","errorHeading":"Something went wrong.","fyfLocationPlaceHolderText":"Your preferred work location","yourSkillsMessage":"Your skills","resumeFileUnsupportedText":"Upload a file up with format : {{allowedFormats}}","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","resumeUploadedSubHeading":"Please check contact information fields, to make sure your data is complete and accurate.","cancleText":"Cancel","anyLocation":"Any Location","fyfPhoneNumberPlaceHolderText":" Eg: +1 9999999999","fyfSkillsPlaceHolderText":"Your skills","JobTitleMessage":"Your job title","yourPreferredLocationMessage":"Your preferred location","locationBlockedDescriptionText":"Go to your browser settings and give permission to access your current location.","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","gotItText":"Got it","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-category-overview-v3-view14":{"categoryCountSingular":"Job","categoryCountPlural":"See Jobs","categoryCountSingler":"See Job"},"ph-social-connect-v1-view4":{"profileCount":"{{profileCount}} previous profiles"," privacyPolicyCheckboxText":"I have read and agree to the ","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use"," privacyPolicyCheckboxSeparatorText":" and ","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","google-sign":"Sign in with Google","privacyPolicyText":"Privacy Policy","mergeCount":"Merge selected ({{profileCount}})"},"ph-candidate-login-v1-view1":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","resetPasswordInvalidText":"Your reset password link is invalid. Please try again.","validEmailIcon":"icon icon-check-mark-thick-1","setNewPwdText":"Set new password","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","signOutButton":"Sign out","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","signInPopUpHeading":"Sign in","forgotPasswordLinkText":"Forgot your password?","privacyPolicyCheckboxSeparatorText":" and ","errorMessageInvalidPassword":"Oops! Password must be at least 8 characters, and at least 1 uppercase, lowercase, numeric and a special character should be present","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","createAccErrorStatement3":"one number,","signInButtonLabel":"Already have an account?","signInPopUpSubHeading":"","resendEmailText":"Click here to resend","emailInUseError":"This email address is already in use. Please try again or","resendFailedText":"You have raised maximum number of resend request","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","signInEmailFormPlaceHolder":"[email protected]","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","newPwdText":"New Password","createAccountEmailFormPlaceHolder":"[email protected]","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.","returnSigninText":"Return to Sign in","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your 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","signInEmailFormLabel":"Email","personalAccountLinkText":"My Account","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalized profile","errorSrOnly":"error:","createAccountButtonLabel":"Don’t have an account?","passwordVisibleSrOnly":"Password is visible","privacyPolicyLink":"privacy-policy","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","createNewPwdText":"Please create a new password","resetPasswordPopUpSubHeading2":"We've sent an email to &lt;strong&gt;{{emailId}}&lt;/strong&gt; with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to &lt;strong&gt;{{emailId}}&lt;/strong&gt; with password reset instructions. ","signInLinkText":"Sign in","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":"Sign in","createAccountFormPlaceHolder":"Your Password","salutationText":"Hi, ","createAccountLinkText":"Sign up","passwordInVisibleSrOnly":"Password is invisible","createAccountEmailFormLabel":"Email","passwordInvisibleSrOnly":"Password is invisible","emailResendSuccessText":"Email has been resent successfully!","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":"terms-of-service","signInEmailFormAriaLabel":"Enter email","signInPasswordFormAriaLabel":"Enter password","errorMessageInvalidEmail":"Please enter a valid email address.","privacyPolicyLinkText":"Privacy Policy.","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-category-overview-v3-view1":{"categoryCountPlural":"Jobs","categoryCountSingler":"Job"},"ph-find-your-fit-v1-default":{"fyfRecentTitlePlaceHolderText":"Your most recent job title","suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","socialSigninStepText":"social sign in","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","fyfLocationPlaceHolderText":"Your preferred work location","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","yourSkillsMessage":"Your skills","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","fyfSkillsPlaceHolderText":"Your skills","JobTitleMessage":"Your job title","addSkillButtinAriaLabel":"Add {{skillName}}","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","yourPreferredLocationMessage":"Your preferred location","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","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","hashtagsText":"","whatsappTitle":"Share via whatsapp","email":"Share via email","instagramAriaLabel":"Share via Instagram","weiboAriaLabel":"Share via weibo","shareInfoText":"Check out this job at {{companyName}}, {{title}}","google-plus":"Share via google plus","vkTitle":"Share via vk","whatsappAriaaLabel":"Share via whatsapp","instagramTitle":"Share via Instagram","vkAriaLabel":"Share via vk","emailTitle":"Share via email","facebook":"Share via Facebook","emailClientSubject":"{{title}} at {{companyName}}","pinterest":"Share via pinterest","twitterAriaLabel":"Share via twitter","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","google-plusAriaLabel":"Share via google plus","xingAriaLabel":"Share via xing","pinterestAriaLabel":"Share via pinterest","emailClientBody":"Check out this job:","emailAriaLabel":"Share via email","vk":"Share via vk","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"},"ph-profile-recommendations-v2-default":{"applyNowText":"Apply Now","locationText":"location","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See Less","sponsorship":"Sponsor","title":"Title","type":"Job Type","remote":"Remote","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"ExpiryDate","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{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","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job associated with {{multicategoryValue}} categories","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Location","travelRequiremnt":"Travel","category":"Category"}} </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'?'&amp;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-WD8T7B8');</script></head> <body class="home-page home" data-ph-id="ph-page-element-page13-T3hS4m" style="visibility: hidden;"><noscript nonce="__CSP_NONCE__" snippet_id="GTM-BODY-143"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WD8T7B8" 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-page13-PRTC6U"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="d1ed92cf0bb27b756d3a41c1ae0e9377" instance-id="gegege" data-ph-content-id="vt0o7EVR-vce229XY"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page13-iYJB4n" role="main"><section class="ppc-section ph-widget" type="dynamic" instance-id="YAuILb" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-widget-element-1682504801207-lT8x0y"><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-1682504822732" theme="default" original-view="default" instance-id="YAuILb" data-ph-id="ph-widget-element-1682504801207-SwlY4X"></div></section> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page13-zwjY98"> <!-- hero block widget --> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page13-WDh7kZ" view="1558015937555-default" original-view="default" instance-id="bI3BfU" theme="default"> <div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page13-EMpEkh" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1558015937555-default" original-view="default" theme="default" ph-removed="true" instance-id="bI3BfU"></div> </section> <section class="ppc-section ph-widget" type="static" data-ph-id="-1666183526578" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" instance-id="i3L0Z6" theme="theme5"><div class="ph-hero-block-cc-view7-option1-theme5 ph-widget-target" data-ph-id="-1666183526578-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" theme="theme5" ph-removed="true" instance-id="i3L0Z6"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-1666183529325-2" style="background-image: url(&quot;&quot;);"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-1666183529325-3"> <div card-name="ph-hero-block-cc-view7" class="ph-card" key-role="i3L0Z6-AizFno-ph-hero-block-cc-view7-option1-listItemRole" instance-id="AizFno" data-ph-id="ph-widget-element-1666183529325-4"> <div class="ph-hero-block-cc-view7 ph-card-block" data-ph-at-id="ph-hero-block-cc-view7" data-ph-id="ph-widget-element-1666183529325-5"> <figure class="image" key-role="i3L0Z6-AizFno-GfycVg-ph-hero-block-cc-view7-option1-presentationRole" role="presentation" instance-id="AizFno-GfycVg" data-ph-id="ph-widget-element-1666183529325-6"> <ppc-container component-content-key="primary-image" class="primary-image element-center" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1666183529325-7"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1666183529325-8"> <img src="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/RadiologicTechnologistHerobright-1697821521798.jpg" key-src="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-src" alt="img1" key-alt="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="AizFno-6FFRS3" data-ph-id="ph-widget-element-1666183529325-9" height-val="513" /> </ppc-content> </ppc-container> </figure> <div class="inner-container" data-ph-id="ph-widget-element-1666183529325-12"> <div class="global-search-block" data-ph-id="ph-widget-element-1666183529325-13"> <ppc-container component-content-key="h1-heading" class="heading-one ph-cc-ms-f-s-50 ph-cc-t-f-s-40 ph-cc-t-m-a-0" data-ph-id="ph-widget-element-1666183529325-14"> <ppc-content key="i3L0Z6-AizFno-YQy7OE-ph-hero-block-cc-view7-option1-h1-heading-title-text" instance-id="AizFno-YQy7OE" data-ph-id="ph-widget-element-1666183529325-16"><h1><span class="ph-cc-ms-f-s-58 ph-cc-d-f-s-58 ph-cc-t-f-s-35 ph-cc-m-f-s-23">Find Your Purpose at CentraCare</span></h1></ppc-content> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-id="ph-widget-element-1666183529325-17" style="color: rgb(0, 90, 156);"> <span class="description-block" data-ph-id="ph-widget-element-1666183529325-18"> <ppc-content key="i3L0Z6-AizFno-SrRSAl-ph-hero-block-cc-view7-option1-description-text" data-ph-at-id="description-text" instance-id="AizFno-SrRSAl" data-ph-id="ph-widget-element-1666183529325-19"><h1><span class="darkar"><span style="font-family:Isidora-Medium;"><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-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;">Change lives and improve health through<br />rewarding opportunities that<br />inspire you to be your best.</span></span></span></span></h1><p><br /><span class="ph-5cCke"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5"><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;"><span style="font-family:DIN2014-Regular;">Find purpose in your&nbsp;work&nbsp;by improving the health of your community.&nbsp;<br />If you are fulfilled by helping others and inspired by our promise to listen,<br />then serve,&nbsp;guide&nbsp;and heal you will find your purpose at CentraCare.&nbsp;</span></span></span></span><br /><br /><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"><strong><span style="font-family:Isidora-Medium;"><span class="ph-5cCke"><span class="ph-letter-spacing-0_1" data-ph-style-attr="ph-letter-spacing-0_1">Find the job that’s right for you.</span></span></span></strong></span></p></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1709111326335" view="1709111326348-default" original-view="default" instance-id="gVStUp" theme="theme25"><div class="ph-profile-recommendations-v2-default-theme25 ph-widget-target" data-ph-id="1709111326335-1" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="1709111326348-default" original-view="default" theme="theme25" ph-removed="true" instance-id="gVStUp"></div></section> <!-- FYF --> <div id="px-block-1" data-audience-block="px-block-1" class="px-block-1" data-ph-id="5375219447940241"><div id="px-block-1-stranger" data-ph-id="1872671260873908"><pcs-widget class="ph-widget" data-ph-widget-id="b76bc5c38117d5f9474d32f8db41ce37" data-ph-id="1872673926138759" data-ph-content-id="Ny7nGuCY-RSqrHyZJ" px-display-name="PX Container Widget" global-managed-widget="true" data-aud-widget="" instance-id="WQRccq"></pcs-widget></div></div> <!-- FYF END --> <!--profile recom jobs--> <!--recom job histroy--> <!-- category overview --> <pcs-widget data-ph-widget-id="c801e952e1e5e602b51324c0a917175b" panel-id="4a9acb01cc4acb5776d3ecc624ac0341" data-ph-id="-1695675795610-1" instance-id="Kx4z2DuQ" data-ph-content-id="G26QET5A"></pcs-widget><section class="ph-widget" instance-id="5d4kmw" view="5d4kmw-view14" original-view="view14" data-ph-id="ph-page-element-page13-gbvsDK"> <div as-element="ph-category-overview-v3" class="ph-category-overview-v3-view14-theme1 ph-widget-target" data-widget="ph-category-overview-v3" view="view14-1663493492051" theme="theme1" cards-per-row="3" instance-id="5d4kmw" original-view="view14" data-ph-id="ph-page-element-page13-jm0B3P"></div> </section> <!-- media large left image --> <section class="ppc-section ph-widget" type="static" data-ph-id="-1674661471716-F8MGCB" view="1674661472199-content-cc-view4-option1" original-view="ph-content-cc-view4-option1" instance-id="DObeUW" theme="theme7" global-widget="true" global-widget-id="d3Nv0Z"><div class="ph-content-cc-view4-option1-theme7 ph-widget-target" data-ph-id="-1674661471716-1-F8MGCB" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1674661472199-content-cc-view4-option1" original-view="ph-content-cc-view4-option1" theme="theme7" ph-removed="true" instance-id="DObeUW" hide-on-mobile="true"><div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" data-ph-id="ph-widget-element-7813684989495788-2-F8MGCB" style="background-image: url(&quot;https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/bluepaintstroke2800x630opacity-1680546724756.png&quot;); background-size: 100% 100%;"> <div class="inner-container" data-ph-id="ph-widget-element-7813684989495788-3-F8MGCB"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-7813684989495788-4-F8MGCB"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="rEyGf7" data-ph-id="ph-widget-element-7813684989495788-5-F8MGCB"> <div class="heading-block-info" data-ph-id="ph-widget-element-7813684989495788-6-F8MGCB"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-7813684989495788-13-F8MGCB"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-7813684989495788-18-F8MGCB"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-7813684989495788-19-F8MGCB"> <div class="ph-card" card-name="ph-content-cc-view4" instance-id="Qp0uAn" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-7813684989495788-20-F8MGCB"> <div class="ph-content-cc-view4 ph-card-block full-card-link" data-ph-at-id="ph-content-cc-view4" data-ph-id="ph-widget-element-7813684989495788-21-F8MGCB" style="position: relative; display: block;"> <a ph-cms-link="true" ph-tevent="static_content_click" title="" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-href="jointalentcommunity" data-ph-href="jointalentcommunity" key-aria-label="PcgEot-ZZSDvz-ph-content-cc-view4-option1--F8MGCB" key-title="PcgEot-ZZSDvz-ph-content-cc-view4-option1--F8MGCB" key-ph-href="PcgEot-ZZSDvz-ph-content-cc-view4-option1-jointalentcommunity-F8MGCB" instance-id="ZZSDvz" data-ph-id="ph-widget-element-7817660252558788-nfx6br-F8MGCB" target="_blank"></a><div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-7813684989495788-22-F8MGCB"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-7813684989495788-23-F8MGCB"> <div class="content ph-a11y-aria-live" ph-card-block-num="1" data-ph-id="ph-widget-element-7813684989495788-24-F8MGCB"> <ppc-container component-content-key="heading" class="header ph-cc-d-f-s-45" data-ph-cid="heading1" data-ph-id="ph-widget-element-7813684989495788-28-F8MGCB" style="font-family: D-DINCondensed-Bold;"> <span key-aria-level="PcgEot-Qp0uAn-wyKDtX-ph-content-cc-view4-option1-heading-text-aria-level-F8MGCB" key-role="PcgEot-Qp0uAn-wyKDtX-ph-content-cc-view4-option1-heading-text-role-F8MGCB" instance-id="Qp0uAn-wyKDtX" data-ph-id="ph-widget-element-7813684989495788-29-F8MGCB"> <ppc-content key="PcgEot-Qp0uAn-wyKDtX-ph-content-cc-view4-option1-heading-text-F8MGCB" data-ph-at-id="heading-text" instance-id="Qp0uAn-wyKDtX" data-ph-id="ph-widget-element-7813684989495788-30-F8MGCB"><div><br /></div><div><br /></div><div><span style="font-family:D-DINCondensed-Bold;"><span class=""><span class="ph-qsLNV">Join our Talent Community</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-7813684989495788-31-F8MGCB"> <span class="description-block" data-ph-id="ph-widget-element-7813684989495788-32-F8MGCB"> <ppc-content key="PcgEot-Qp0uAn-6ZedaS-ph-content-cc-view4-option1-description-text-F8MGCB" data-ph-at-id="description-text" instance-id="Qp0uAn-6ZedaS" data-ph-id="ph-widget-element-7813684989495788-33-F8MGCB"><div><br /><span style="font-family:Isidora-Medium;"><span class="ph-cc-ms-f-s-22 ph-cc-d-f-s-22 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span class="ph-qsLNV"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5">Be the first one to learn about new job opportunities that may&nbsp;be the&nbsp;perfect fit for you.</span></span></span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link secondary-button button-lg ph-icon-hide ph-cc-d-f-s-22 button-radius-sm" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-7813684989495788-34-F8MGCB"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-7813684989495788-35-F8MGCB"> <a class="action-link" ph-href="jointalentcommunity" key-ph-href="PcgEot-Qp0uAn-BjoGHw-ph-content-cc-view4-option1-primary-link-href-F8MGCB" title="talent community" key-title="PcgEot-Qp0uAn-BjoGHw-ph-content-cc-view4-option1-primary-link-title-text-F8MGCB" key-aria-label="PcgEot-Qp0uAn-BjoGHw-ph-content-cc-view4-option1-primary-link-aria-label-text-F8MGCB" ph-tevent="static_content_click" instance-id="Qp0uAn-BjoGHw" data-ph-id="ph-widget-element-7813684989495788-36-F8MGCB" previous-z-index="" style="z-index: 3; position: relative; pointer-events: all;" ph-external-link-enabled="one-trust-disabled"> <ppc-content key="PcgEot-Qp0uAn-BjoGHw-ph-content-cc-view4-option1-primary-link-text-F8MGCB" data-ph-at-id="link-text" instance-id="Qp0uAn-BjoGHw" data-ph-id="ph-widget-element-7813684989495788-37-F8MGCB"><div><span class=""><span style="font-family:DIN 2014_Bold;"><span class="dark-color-bg"></span>Join Now</span></span></div></ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-7813684989495788-38-F8MGCB"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section> <section class="ph-widget ph-media-large-img-left-cc-view1-option2-theme9" type="static" view="n2vq4z-ph-media-large-img-left-cc-view1-option2" theme="theme9" instance-id="n2vq4z" retain-previous-html="true" original-view="ph-media-large-img-left-cc-view1-option2" data-ph-id="ph-page-element-page13-PwCVnE"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="n2vq4z-ph-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" type="static" data-ph-id="ph-page-element-page13-Cke102" instance-id="n2vq4z" class="ph-widget-target ph-media-large-img-left-cc-view1-option2-theme9" theme="theme9" hide-on-mobile="true"> <div class="ph-component-cntr ph-widget-box ph-qsLNV-bg heading-block-hide" default-cards-count="1" max-allowed-cards="2" data-ph-id="ph-page-element-page13-Jnarjc"> <div class="inner-container" data-ph-id="ph-page-element-page13-Xqq42I"> <div class="ph-container-heading-block" data-ph-id="ph-page-element-page13-uZNlts"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="KTpVno" data-ph-id="ph-page-element-page13-WdKkc8"> <div class="heading-block-info" data-ph-id="ph-page-element-page13-KR32DX"> </div> <div class="heading-block-actions" data-ph-id="ph-page-element-page13-T3jJ3b"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-page-element-page13-Knet2w"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="ph-html-v1-ph-media-large-img-left-cc-view1-option2-n2vq4z-UZkN6g" ph-role="" data-ph-id="ph-page-element-page13-hQGxgw"> <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="7zKC1S" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page13-ZGkfeB"> <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-page-element-page13-q4toBD"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-page-element-page13-1A0Iy9"> <div class="ph-col-6" ph-col-num="1" data-ph-id="ph-page-element-page13-J83DIN"> <div class="media" ph-card-block-num="1" data-ph-id="ph-page-element-page13-vOaZpf"> <figure class="image" role="presentation" key-role="ph-html-v1-ph-media-large-img-left-cc-view1-option2-n2vq4z-e4ihIW" instance-id="7zKC1S-6AND3J" data-ph-id="ph-page-element-page13-R3Qziy"> <ppc-container component-content-key="primary-image" class="primary-image element-left ph-img-responsive ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page13-1IpysT"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page13-MRwkMJ"> <img src="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/therapistpaintstroke1214x869-1709047965453.png" key-src="ph-html-v1-ph-media-large-img-left-cc-view1-option2-n2vq4z-wRPf6d" alt="" key-alt="ph-html-v1-ph-media-large-img-left-cc-view1-option2-n2vq4z-k5BIal" unique-img="true" data-ph-cid="primary-image1" instance-id="7zKC1S-t27ex2" data-ph-id="ph-page-element-page13-x9qvlV" height-val="356" crop-size="fit" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-6" ph-col-num="2" data-ph-id="ph-page-element-page13-nqJGg3"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" data-ph-id="ph-page-element-page13-rrQWkl"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-page-element-page13-sieqaG"> <span aria-level="2" key-aria-level="ph-html-v1-ph-media-large-img-left-cc-view1-option2-n2vq4z-MSslmr" role="heading" key-role="ph-html-v1-ph-media-large-img-left-cc-view1-option2-n2vq4z-Ti8hMt" instance-id="7zKC1S-LZfTCH" data-ph-id="ph-page-element-page13-uRjgfY"> <ppc-content key="ph-html-v1-ph-media-large-img-left-cc-view1-option2-n2vq4z-hkL6kJ" data-ph-at-id="heading-text" instance-id="7zKC1S-LZfTCH" data-ph-id="ph-page-element-page13-vChaEF"><h1><span class="ph-line-height-0_7" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-0_7"><span style="font-family:D-DINCondensed-Bold;"><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="color:rgba(0, 90, 156, 1);">Find Your Purpose at CentraCare</span></span></span></span></h1></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-page-element-page13-46VA0N"> <span class="description-block" data-ph-id="ph-page-element-page13-o2MQR0"> <ppc-content key="ph-html-v1-ph-media-large-img-left-cc-view1-option2-n2vq4z-oVNo31" data-ph-at-id="description-text" instance-id="7zKC1S-gDP4rf" data-ph-id="ph-page-element-page13-T9ocOY"><p><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5"><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="color:rgba(0, 0, 0, 1);"><span style="font-family:DIN2014-Regular;">Those of us who are the happiest working at CentraCare find meaning in the work we do. We understand our work's impact&nbsp;on our patients, coworkers, and communities. That understanding brings us contentment and joy.</span></span></span></span><br /><br /></p><p><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5"><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="color:rgba(0, 0, 0, 1);"><span style="font-family:DIN2014-Regular;">That means you’ll love working here, too.</span></span></span></span><br /><br /><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"><strong><span style="font-family:Isidora-Medium;"><span class="ph-5cCke"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5">Search our&nbsp;</span></span><a class="cke-link" data-ph-href="https://jobs.centracare.com/us/en/search-results?keywords=" data-cke-saved-href="https://jobs.centracare.com/us/en/search-results?keywords=" href="https://jobs.centracare.com/us/en/search-results?keywords=" ph-tevent="static_content_click" style="pointer-events:all;" target="_blank" ph-href="https://jobs.centracare.com/us/en/search-results?keywords="><span class="brand-color-primary"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5">open positions</span></span></a>&nbsp;<span class="ph-5cCke"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5">to find a job that's right for you.</span></span></span></strong><br /><span style="font-family:DIN2014-Regular;"><span style="color:rgba(0, 0, 0, 1);"></span></span></span></p></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></section> <!--recently viewd jobs--> <!-- media horizontal--> <!-- jtc card --> <!--nearbyjbs--> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="1680719361127" view="1680719361130-default" original-view="default" instance-id="w8HvrW" theme="default"></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1680719363434" view="1680719363438-default" original-view="default" instance-id="UNCK6T" theme="theme25"></section><pcs-widget data-ph-widget-id="c801e952e1e5e602b51324c0a917175b" panel-id="4a9acb01cc4acb5776d3ecc624ac0341" data-ph-id="-1670261761434-1" instance-id="9LaSA7Yf" data-ph-content-id="ZXPZf73N-V5PNNPp8" global-widget="true" global-widget-id="cLvcAx"></pcs-widget><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1680714249197" view="1680714249200-default" original-view="default" instance-id="gjHu6w" theme="default"></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1680714251423" view="1680714251426-default" original-view="default" instance-id="Co7L5b" theme="theme25"></section> <!-- media large left image --> <!-- media large left image flip in CMS --> <div id="px-block-2" data-audience-block="px-block-2" class="px-block-2" data-ph-id="5375219447943629"><div id="px-block-2-stranger" data-ph-id="1872671262272608"></div></div></div> </div> <div class="ph-footer" data-ph-id="ph-page-element-page13-ojoIE6"><div class="footer-layout" type="footer-layout"> <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="fyIMwaT5"></pcs-widget> </div></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/en_us/desktop/assets/scripts/1635510537014-custom.js" data-ph-id="ph-page-element-page13-G7qsqx" 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_1706013804273.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_1703681730128.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/CEVCHSUS/en_us/desktop/page13/caas-platform/page-views-1713895424489.js" defer></script></body> </html><div id='csrfToken' style='display:none'>4307b4 |
| 3 |
Error
On line 4, column 245 vdeQrm" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page13-ZqWRZS" /> |
| 4 |
Info
On line 50, column 41 <script type="text/javascript" nonce="">/*&lt; |
| 5 |
Info
On line 50, column 26507 /*--&gt;*/</script><script type="text/javascript" nonce="">phApp. |
| 6 |
Info
On line 50, column 26803 obcart"} </script><script type="text/javascript" nonce="">phApp. |
| 7 |
Error
On line 50, column 26902 "UTF-8" /><meta content="en" /><meta |
| 8 |
Error
On line 50, column 27192 n/home" /><meta name="description" content="Explore the variety of opportunities available at CentraCare" key-description="external-default-home-description" /><meta |
| 9 |
Error
On line 50, column 27511 iption" /><meta name="keywords" content="Careers at CentraCare, CentraCare jobs, job opportunities in CentraCare, job openings, career opportunities, CentraCare, Nursing jobs, healthcare jobs, healthcare near me, centracare, healthcare opportunities , job near me, find a job, " key-keywords="external-default-home-keywords" /><link |
| 10 |
Error
On line 50, column 27968 Health" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/logo1024x512-1689179960754.png" page-seo-overriden="true" /><meta |
| 11 |
Error
On line 50, column 28306 ebsite" /><meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/CClogo-1689179860338.png" page-seo-overriden="true" /><meta |
| 12 |
Error
On line 50, column 28753 t="200" /><title key="external-default-home-title">Centra |
| 13 |
Error
On line 72, column 188 <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=""></scri |
| 14 |
Info
On line 72, column 188 <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=""></scri |
| 15 |
Error
On line 73, column 180 </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=""></scri |
| 16 |
Error
On line 73, column 180 </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=""></scri |
| 17 |
Info
On line 73, column 180 </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=""></scri |
| 18 |
Error
On line 74, column 170 </script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/require-4.1.js" defer="" platform_id="platform_require" nonce=""></scri |
| 19 |
Info
On line 74, column 170 </script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/require-4.1.js" defer="" platform_id="platform_require" nonce=""></scri |
| 20 |
Error
On line 75, column 189 </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=""></scri |
| 21 |
Info
On line 75, column 189 </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=""></scri |
| 22 |
Error
On line 76, column 195 </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=""></scri |
| 23 |
Info
On line 76, column 195 </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=""></scri |
| 24 |
Error
On line 77, column 195 </script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part1-4.76.js" defer="" platform_id="platform_phCommonBundleJs" nonce=""></scri |
| 25 |
Info
On line 77, column 195 </script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part1-4.76.js" defer="" platform_id="platform_phCommonBundleJs" nonce=""></scri |
| 26 |
Error
On line 78, column 201 </script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part2-4.76.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></scri |
| 27 |
Info
On line 78, column 201 </script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part2-4.76.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></scri |
| 28 |
Info
On line 79, column 169 </script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/en_us/desktop/page13/ph-page-page13-1713895411720.js" defer="" nonce=""></scri |
| 29 |
Error
On line 80, column 172 </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=""></scri |
| 30 |
Info
On line 80, column 172 </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=""></scri |
| 31 |
Error
On line 81, column 172 </script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs" nonce=""></scri |
| 32 |
Info
On line 81, column 172 </script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs" nonce=""></scri |
| 33 |
Error
On line 82, column 186 </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=""></scri |
| 34 |
Info
On line 82, column 186 </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=""></scri |
| 35 |
Info
On line 165, column 75 /a> </div></script><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp |
| 36 |
Info
On line 26361, column 55 iv> </div></script><script type="text/javascript" nonce="">phApp. |
| 37 |
Info
On line 26361, column 351 obcart"} </script><script type="text/javascript" nonce="">phApp. |
| 38 |
Info
On line 26362, column 58 }</style> <script id="PHAPP-PAGEID" type="text/javascript" nonce=""> phApp |
| 39 |
Info
On line 26362, column 161 "page13";</script><script id="ph_app_widgetscript_url" type="text/javascript" nonce="">phApp. |
| 40 |
Info
On line 26363, column 40 }</style> <script type="text/javascript" nonce="">phApp. |
| 41 |
Error
On line 26364, column 43 }</style> <script snippet_id="GTM-HEAD-143" nonce="">(funct |
| 42 |
Error
On line 26365, column 159 hidden;"><noscript nonce="__CSP_NONCE__" snippet_id="GTM-BODY-143"><ifram |
| 43 |
Error
On line 26366, column 116 3-PRTC6U"><div class="header-layout" type="header-layout"> < |
| 44 |
Error
On line 26369, column 262 le="main"><section class="ppc-section ph-widget" type="dynamic" instance-id="YAuILb" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-widget-element-1682504801207-lT8x0y"><div c |
| 45 |
Error
On line 26369, column 262 le="main"><section class="ppc-section ph-widget" type="dynamic" instance-id="YAuILb" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-widget-element-1682504801207-lT8x0y"><div c |
| 46 |
Error
On line 26369, column 262 le="main"><section class="ppc-section ph-widget" type="dynamic" instance-id="YAuILb" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-widget-element-1682504801207-lT8x0y"><div c |
| 47 |
Error
On line 26369, column 262 le="main"><section class="ppc-section ph-widget" type="dynamic" instance-id="YAuILb" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-widget-element-1682504801207-lT8x0y"><div c |
| 48 |
Error
On line 26369, column 262 le="main"><section class="ppc-section ph-widget" type="dynamic" instance-id="YAuILb" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-widget-element-1682504801207-lT8x0y"><div c |
| 49 |
Error
On line 26369, column 534 7-lT8x0y"><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-1682504822732" theme="default" original-view="default" instance-id="YAuILb" data-ph-id="ph-widget-element-1682504801207-SwlY4X"></div> |
| 50 |
Error
On line 26369, column 534 7-lT8x0y"><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-1682504822732" theme="default" original-view="default" instance-id="YAuILb" data-ph-id="ph-widget-element-1682504801207-SwlY4X"></div> |
| 51 |
Error
On line 26369, column 534 7-lT8x0y"><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-1682504822732" theme="default" original-view="default" instance-id="YAuILb" data-ph-id="ph-widget-element-1682504801207-SwlY4X"></div> |
| 52 |
Error
On line 26369, column 534 7-lT8x0y"><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-1682504822732" theme="default" original-view="default" instance-id="YAuILb" data-ph-id="ph-widget-element-1682504801207-SwlY4X"></div> |
| 53 |
Error
On line 26369, column 534 7-lT8x0y"><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-1682504822732" theme="default" original-view="default" instance-id="YAuILb" data-ph-id="ph-widget-element-1682504801207-SwlY4X"></div> |
| 54 |
Info
On line 26369, column 262 le="main"><section class="ppc-section ph-widget" type="dynamic" instance-id="YAuILb" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-widget-element-1682504801207-lT8x0y"><div c |
| 55 |
Error
On line 26373, column 191 <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page13-WDh7kZ" view="1558015937555-default" original-view="default" instance-id="bI3BfU" theme="default"> |
| 56 |
Error
On line 26373, column 191 <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page13-WDh7kZ" view="1558015937555-default" original-view="default" instance-id="bI3BfU" theme="default"> |
| 57 |
Error
On line 26373, column 191 <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page13-WDh7kZ" view="1558015937555-default" original-view="default" instance-id="bI3BfU" theme="default"> |
| 58 |
Error
On line 26373, column 191 <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page13-WDh7kZ" view="1558015937555-default" original-view="default" instance-id="bI3BfU" theme="default"> |
| 59 |
Error
On line 26373, column 191 <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page13-WDh7kZ" view="1558015937555-default" original-view="default" instance-id="bI3BfU" theme="default"> |
| 60 |
Error
On line 26374, column 286 t"> <div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page13-EMpEkh" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1558015937555-default" original-view="default" theme="default" ph-removed="true" instance-id="bI3BfU"></div> |
| 61 |
Error
On line 26374, column 286 t"> <div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page13-EMpEkh" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1558015937555-default" original-view="default" theme="default" ph-removed="true" instance-id="bI3BfU"></div> |
| 62 |
Error
On line 26374, column 286 t"> <div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page13-EMpEkh" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1558015937555-default" original-view="default" theme="default" ph-removed="true" instance-id="bI3BfU"></div> |
| 63 |
Error
On line 26374, column 286 t"> <div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page13-EMpEkh" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1558015937555-default" original-view="default" theme="default" ph-removed="true" instance-id="bI3BfU"></div> |
| 64 |
Error
On line 26374, column 286 t"> <div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page13-EMpEkh" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1558015937555-default" original-view="default" theme="default" ph-removed="true" instance-id="bI3BfU"></div> |
| 65 |
Error
On line 26374, column 286 t"> <div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page13-EMpEkh" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1558015937555-default" original-view="default" theme="default" ph-removed="true" instance-id="bI3BfU"></div> |
| 66 |
Info
On line 26373, column 191 <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page13-WDh7kZ" view="1558015937555-default" original-view="default" instance-id="bI3BfU" theme="default"> |
| 67 |
Error
On line 26376, column 217 tion> <section class="ppc-section ph-widget" type="static" data-ph-id="-1666183526578" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" instance-id="i3L0Z6" theme="theme5"><div c |
| 68 |
Error
On line 26376, column 217 tion> <section class="ppc-section ph-widget" type="static" data-ph-id="-1666183526578" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" instance-id="i3L0Z6" theme="theme5"><div c |
| 69 |
Error
On line 26376, column 217 tion> <section class="ppc-section ph-widget" type="static" data-ph-id="-1666183526578" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" instance-id="i3L0Z6" theme="theme5"><div c |
| 70 |
Error
On line 26376, column 217 tion> <section class="ppc-section ph-widget" type="static" data-ph-id="-1666183526578" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" instance-id="i3L0Z6" theme="theme5"><div c |
| 71 |
Error
On line 26376, column 217 tion> <section class="ppc-section ph-widget" type="static" data-ph-id="-1666183526578" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" instance-id="i3L0Z6" theme="theme5"><div c |
| 72 |
Error
On line 26376, column 528 ="theme5"><div class="ph-hero-block-cc-view7-option1-theme5 ph-widget-target" data-ph-id="-1666183526578-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" theme="theme5" ph-removed="true" instance-id="i3L0Z6"><div c |
| 73 |
Error
On line 26376, column 528 ="theme5"><div class="ph-hero-block-cc-view7-option1-theme5 ph-widget-target" data-ph-id="-1666183526578-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" theme="theme5" ph-removed="true" instance-id="i3L0Z6"><div c |
| 74 |
Error
On line 26376, column 528 ="theme5"><div class="ph-hero-block-cc-view7-option1-theme5 ph-widget-target" data-ph-id="-1666183526578-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" theme="theme5" ph-removed="true" instance-id="i3L0Z6"><div c |
| 75 |
Error
On line 26376, column 528 ="theme5"><div class="ph-hero-block-cc-view7-option1-theme5 ph-widget-target" data-ph-id="-1666183526578-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" theme="theme5" ph-removed="true" instance-id="i3L0Z6"><div c |
| 76 |
Error
On line 26376, column 528 ="theme5"><div class="ph-hero-block-cc-view7-option1-theme5 ph-widget-target" data-ph-id="-1666183526578-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" theme="theme5" ph-removed="true" instance-id="i3L0Z6"><div c |
| 77 |
Error
On line 26376, column 528 ="theme5"><div class="ph-hero-block-cc-view7-option1-theme5 ph-widget-target" data-ph-id="-1666183526578-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" theme="theme5" ph-removed="true" instance-id="i3L0Z6"><div c |
| 78 |
Error
On line 26376, column 528 ="theme5"><div class="ph-hero-block-cc-view7-option1-theme5 ph-widget-target" data-ph-id="-1666183526578-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1666183529325-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" theme="theme5" ph-removed="true" instance-id="i3L0Z6"><div c |
| 79 |
Error
On line 26378, column 201 > <div card-name="ph-hero-block-cc-view7" class="ph-card" key-role="i3L0Z6-AizFno-ph-hero-block-cc-view7-option1-listItemRole" instance-id="AizFno" data-ph-id="ph-widget-element-1666183529325-4"> < |
| 80 |
Error
On line 26378, column 201 > <div card-name="ph-hero-block-cc-view7" class="ph-card" key-role="i3L0Z6-AizFno-ph-hero-block-cc-view7-option1-listItemRole" instance-id="AizFno" data-ph-id="ph-widget-element-1666183529325-4"> < |
| 81 |
Error
On line 26378, column 201 > <div card-name="ph-hero-block-cc-view7" class="ph-card" key-role="i3L0Z6-AizFno-ph-hero-block-cc-view7-option1-listItemRole" instance-id="AizFno" data-ph-id="ph-widget-element-1666183529325-4"> < |
| 82 |
Error
On line 26380, column 205 > <figure class="image" key-role="i3L0Z6-AizFno-GfycVg-ph-hero-block-cc-view7-option1-presentationRole" role="presentation" instance-id="AizFno-GfycVg" data-ph-id="ph-widget-element-1666183529325-6"> |
| 83 |
Error
On line 26380, column 205 > <figure class="image" key-role="i3L0Z6-AizFno-GfycVg-ph-hero-block-cc-view7-option1-presentationRole" role="presentation" instance-id="AizFno-GfycVg" data-ph-id="ph-widget-element-1666183529325-6"> |
| 84 |
Error
On line 26383, column 439 > <img src="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/RadiologicTechnologistHerobright-1697821521798.jpg" key-src="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-src" alt="img1" key-alt="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="AizFno-6FFRS3" data-ph-id="ph-widget-element-1666183529325-9" height-val="513" /> < |
| 85 |
Error
On line 26383, column 439 > <img src="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/RadiologicTechnologistHerobright-1697821521798.jpg" key-src="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-src" alt="img1" key-alt="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="AizFno-6FFRS3" data-ph-id="ph-widget-element-1666183529325-9" height-val="513" /> < |
| 86 |
Error
On line 26383, column 439 > <img src="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/RadiologicTechnologistHerobright-1697821521798.jpg" key-src="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-src" alt="img1" key-alt="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="AizFno-6FFRS3" data-ph-id="ph-widget-element-1666183529325-9" height-val="513" /> < |
| 87 |
Error
On line 26383, column 439 > <img src="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/RadiologicTechnologistHerobright-1697821521798.jpg" key-src="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-src" alt="img1" key-alt="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="AizFno-6FFRS3" data-ph-id="ph-widget-element-1666183529325-9" height-val="513" /> < |
| 88 |
Error
On line 26383, column 439 > <img src="https://cdn.phenompeople.com/CareerConnectResources/CEVCHSUS/images/RadiologicTechnologistHerobright-1697821521798.jpg" key-src="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-src" alt="img1" key-alt="i3L0Z6-AizFno-6FFRS3-ph-hero-block-cc-view7-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="AizFno-6FFRS3" data-ph-id="ph-widget-element-1666183529325-9" height-val="513" /> < |
| 89 |
Error
On line 26395, column 209 29325-19"><h1><span |
| 90 |
Error
On line 26395, column 657 your best.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p&gt;&lt;br /&gt; |
| 91 |
Error
On line 26404, column 193 </div> </div></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1709111326335" view="1709111326348-default" original-view="default" instance-id="gVStUp" theme="theme25"><div c |
| 92 |
Error
On line 26404, column 193 </div> </div></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1709111326335" view="1709111326348-default" original-view="default" instance-id="gVStUp" theme="theme25"><div c |
| 93 |
Error
On line 26404, column 193 </div> </div></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1709111326335" view="1709111326348-default" original-view="default" instance-id="gVStUp" theme="theme25"><div c |
| 94 |
Error
On line 26404, column 193 </div> </div></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1709111326335" view="1709111326348-default" original-view="default" instance-id="gVStUp" theme="theme25"><div c |
| 95 |
Error
On line 26404, column 193 </div> </div></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1709111326335" view="1709111326348-default" original-view="default" instance-id="gVStUp" theme="theme25"><div c |
| 96 |
Error
On line 26404, column 493 "theme25"><div class="ph-profile-recommendations-v2-default-theme25 ph-widget-target" data-ph-id="1709111326335-1" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="1709111326348-default" original-view="default" theme="theme25" ph-removed="true" instance-id="gVStUp"></div> |
| 97 |
Error
On line 26404, column 493 "theme25"><div class="ph-profile-recommendations-v2-default-theme25 ph-widget-target" data-ph-id="1709111326335-1" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="1709111326348-default" original-view="default" theme="theme25" ph-removed="true" instance-id="gVStUp"></div> |
| 98 |
Error
On line 26404, column 493 "theme25"><div class="ph-profile-recommendations-v2-default-theme25 ph-widget-target" data-ph-id="1709111326335-1" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="1709111326348-default" original-view="default" theme="theme25" ph-removed="true" instance-id="gVStUp"></div> |
| 99 |
Error
On line 26404, column 493 "theme25"><div class="ph-profile-recommendations-v2-default-theme25 ph-widget-target" data-ph-id="1709111326335-1" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="1709111326348-default" original-view="default" theme="theme25" ph-removed="true" instance-id="gVStUp"></div> |
| 100 |
Error
On line 26404, column 493 "theme25"><div class="ph-profile-recommendations-v2-default-theme25 ph-widget-target" data-ph-id="1709111326335-1" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="1709111326348-default" original-view="default" theme="theme25" ph-removed="true" instance-id="gVStUp"></div> |
β