CINXE.COM
<!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page9-U69MGT" class="desktop en_gb external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page9-DpK6UM"> <meta property="og:image:height" content="200" /> <meta property="og:image:width" content="200" /> <meta property="fb:admins" content="" /> <meta property="og:description" content="home" /> <meta property="og:title" content="Careers at Bureau Veritas | Bureau Veritas jobs" /> <meta property="og:url" content="https://jobs.bureauveritas.com/gb/en/home" /> <meta property="og:site_name" content="Bureau Veritas" /> <meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/social/1200x630-1683105284587.jpg" /> <meta property="og:type" content="website" /> <meta name="twitter:description" content="home" /> <meta name="twitter:title" content="Careers at Bureau Veritas | Bureau Veritas jobs" /> <meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/social/1024x512-1683105267875.jpg" /> <meta name="twitter:creator" content="@Careers - TemplateBigThree" /> <meta name="twitter:site" content="@TemplateBigThree" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta content="en" /> <meta charset="UTF-8" /> <meta name="keywords" content="home, career opportunities, talent community, job openings, potential" key-keywords="external-default-home-keywords" /> <meta name="description" content="Careers at TemplateBigThree, TemplateBigThree jobs, job opportunities in TemplateBigThree, job openings, career opportunities" key-description="external-default-home-description" /> <meta name="layout" content="site-layout" data-ph-id="ph-page-element-page9-6ILKlw" /> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page9-MNafFM" /> <title data-ph-id="ph-page-element-page9-CzToqy" key="external-default-home-title">Join Bureau Veritas Careers | Find Your Opportunity</title> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/en_gb/desktop/assets/images/favicon.ico" rel="icon" data-ph-id="ph-page-element-page9-UhDhPF" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/en_gb/desktop/assets/images/h/apple-touch-icon.png" data-ph-id="ph-page-element-page9-CRy0iQ" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/en_gb/desktop/assets/images/m/apple-touch-icon.png" data-ph-id="ph-page-element-page9-lY8nzj" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/en_gb/desktop/assets/images/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page9-BikZm8" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/en_gb/desktop/assets/images/l/apple-touch-icon.png" data-ph-id="ph-page-element-page9-iyDyui" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/en_gb/desktop/assets/images/l/splash.png" data-ph-id="ph-page-element-page9-YY0tdL" /> <script type="text/javascript">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://jobs.bureauveritas.com/widgets","country":"gb","deviceType":"desktop","locale":"en_gb","absUrl":true,"refNum":"BVYBVZGB","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://jobs.bureauveritas.com/gb/en/","baseDomain":"https://jobs.bureauveritas.com","phenomTrackURL":"jobs.bureauveritas.com/gb/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://jobs.bureauveritas.com","pageId":"page9"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"settingsIdentifiersFileUrl":"https://cdn.phenompeople.com/CareerConnectResources/prod/pcs/common/classesForCms-1737548604729.js","thirdPartyLibraries":{"internal":["heap-analytics","open-replay"]},"imEagerLoadDdoList":[{"name":"getProfileStatus","cache":false},{"name":"getRegionLocales","cache":true},{"name":"getIMConfigurations","cache":true},{"name":"getClientReferFlow","cache":true},{"name":"imVariantsConfigInfo","cache":true},{"name":"mergedProfile","cache":false},{"name":"getProfileWeightage","cache":false},{"name":"masterFrequencyV1","cache":true},{"name":"userAlertSettings","cache":true},{"name":"fitScoreSettingsIM","cache":true},{"name":"employeeSearchConfig","cache":true},{"name":"getEmployeeProfile","cache":false},{"name":"getGroupInfo","cache":true},{"name":"getAppliedJobs","cache":true},{"name":"getProfileFieldsSettings","cache":true}],"filePicker":{"onedrive":{"clientId":"1c186d04-d14a-424f-8132-0cae8c41435c","devkey":""},"dropbox":{"clientId":"7j4atpiepgcmy4j","devkey":""},"googledrive":{"clientId":"414699307979-nk6l179efm95vfqt0n0fgt05jjmk04tj.apps.googleusercontent.com","devkey":""}},"ignoreCovidWidgetPagesList":["chatbot"],"smoothAnchorSettings":{"ignore":true},"embedScriptVersion":"0.9.4","recommendedTrackingConfig":{"category":{"storageKey":"categories","ddoKeysToStore":["category"],"maxKeysToStore":"4"},"job":{"storageKey":"jobsViewed","ddoKeysToStore":["jobSeqNo"],"maxKeysToStore":"4"},"search-results":[{"storageKey":"keywords","ddoKeysToStore":["keywords"],"maxKeysToStore":"4"},{"storageKey":"locations","ddoKeysToStore":["location","field"],"maxKeysToStore":"4"}]},"debounceTimer":350,"eagerLoadDDOsToSkipLazyCalls":["apply"],"ignoreCookiePages":["chatbot"],"elementsToLoadByModule":{"videoAssessment":[{"tag":"link","attributes":{"href":"https://cdn.phenompeople.com/CareerConnectResources/common/video-platform/js/vs-master-theme-1726747262439.css","rel":"stylesheet","type":"text/css"}}],"automationEngine":[{"tag":"script","attributes":{"src":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/aeBootstrapper.js","type":"text/javascript"},"elementId":"aeBundle"}]},"globalManagedWidgetIds":["8b82bfdaafd4d8504005407db933c9a6"],"phwPxScrVerionUrl_bkp":"common/js/canvas/vendor/phw-px-hadlr-1.3.js","maps":{"google":{"apiScript":"https://maps.googleapis.com/maps/api/js","clusterJsScript":"markerclusterer-v1.js","gmapsInfoBoxScript":"gmaps-infobox-v1.js","apiKey":"AIzaSyBqM-rW0r-sR9PerNAvvsmzbBeoFu3Ycz8"},"mapbox":{"mapboxScript":"mapbox-gl.js","superClusterJsScript":"supercluster.min.js","apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Mpna1KIqU8Gj6zjPy4iygw"},"mapboxCN":{"mapboxScript":"mapbox-gl-v1.1.0.js","superClusterJsScript":"supercluster.min.js","mapboxTurf":"mapbox-turf.min-v1.js","mapboxSearch":"mapbox-gl-geocoder.min.js","mapboxDirections":"mapbox-gl-directions.js","enableDirections":true,"apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Srl2-pw3xDRilymEjEoeig","baseApiUrl":"https://api.mapbox.cn"}},"ignoreLinkedInStateParam":false,"tokenConfiguredTenants":{"refNums":["RBCAA0088"]},"phwPxScrVerionUrl_bkp_new":"pcs/common/phw-px-hadlr.js","oneTrust":{"class":["ot-sdk-show-settings"]},"videoScreeningGlobalStyles":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/ph-vs-global-styles-v1.css","cdnConfig":{"cdnDdos":["fitScoreSettings","landingPageOverview","categoryContentV2","candidateProfileConfig","categoryMasterData","jobTagSettings","getBusinessRules","getMasterCategories","categoryMasterDataV2","caasFetchRawConfig","globalSearchConfig","categoryContent","siteBranding","blogsharewidgetsettings","audiencePxWidgetConfig","jobsharewidgetsettings","npsConfig","socialConnectOptions","getRegionLocales","jobLogoConfig","supportedLanguages","getMasterLocations","locationmapsettings","pxAudJobwidgetsettings","getRegionLocales","eventsharewidgetsettings","jobwidgetsettings","fyfConfig","getPiiConsentConfig","glassdoorReviews","masterFrequencyV1"],"cdnUrl":"https://content-ir.phenompeople.com","pageNameLevelDdos":[],"pageIdlevelDdos":[]},"crawlerUserAgents":"Screaming Frog|googlebot|yahoo|bingbot|baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator|redditbot|Applebot|WhatsApp|flipboard|tumblr|bitlybot|SkypeUriPreview|nuzzel|Discordbot|Google Page Speed|Qwantify|pinterestbot|Custom|Chrome-Lighthouse","siteSettings":{"locationSlider":false,"glassdoor":{},"glassdoorReviews":{},"twitter":{},"refineSearch":{"enabledFacets":["category","country","state","city","hiringType","location","educationLevel","subject","workingPattern"],"facetDisplayNames":{"category":"Category","country":"Country","state":"State / Province","city":"City","hiringType":"Hiring Type","location":"Location","educationLevel":"Education Level","subject":"Subject","workingPattern":"Working Pattern"},"facetPlaceholderNames":{"category":"Search in Category","country":"Search in Country","state":"Search in State / Province","city":"Search in City","hiringType":"Search in Hiring Type","location":"Search in Location","educationLevel":"Search for Education Level","subject":"Search Subject","workingPattern":"Search in Working Pattern"},"defaultFacetsToOpen":["category"],"facetConfig":{"phLocSlider":{"sliderRadius":300,"aboveMaxRadius":true,"locationRangeEnd":301,"sliderDelta":1}}},"linkedIn":{"apiKey":"752xe1cieo8utv"},"gdpr":{"cookieType":"persistent","enabled":true},"oauth":{"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"314102134023707","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"86hrvpw043vbtc","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"}}},"size":"10","refNum":"BVYBVZGB","siteVariant":"external","iscdnEnabled":true,"calendarApiKey":{"clientId":"aPuJFtcvVzuUHrqeLmPL36170","apiToken":"api1514482884HylDN8tqa6mgQxWCpnjo36170","userZone":true},"trackingConfig":{"ddoDataPath":{"jobDetail":"data.job"},"job_category_click":{"trait14":"key"},"job_category_search_click":{"trait14":"key"},"play_click":{"trait260":"videotype","videoId":"videoid"},"pause_click":{"trait260":"videotype","videoId":"videoid"},"similar_job_click":{"trait12":"jobSeqNo","related":{"ddo":[{"name":"jobDetail","data":{"trait5":"jobSeqNo","trait14":"category"}}]}},"linkedin_recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recently_viewed_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"next_click":{"trait254":"stepName","typedValue":"typedValue","selected_values":"selected_values"},"ddo_failure":{"trait254":"stepName","response":"response","ddoKey":"ddoKey"},"ddo_error":{"trait254":"stepName","error":"error","ddoKey":"ddoKey"},"skip_questions_click":{"trait254":"stepName"},"previous_click":{"trait254":"stepName"},"registration_submit":{"trait27":"email","trait15":"firstName","trait24":"phone"},"edit_profile_information":{},"resume_remove_click":{},"profile_questions_click":{},"resume_upload_click":{},"create_profile_click":{},"upload_new_file_click":{},"clear_text_click":{"trait6":"clearSearchValue"},"send_feedback_click":{"userFeedback":"userFeedback"},"submit_rating_click":{"userRating":"userRating"},"near_job_click":{"trait5":"jobSeqNo","trait14":"category"},"suggestions":{"stepName":"stepName","typed_values":"typed_values","selected_values":"selected_values"},"fyf_step_loaded":{"step":"step"},"fyf_options_closed":{},"favorite_job_click":{"trait5":"jobSeqNo","trait14":"category"},"job_added_to_jobcart":{"trait5":"jobSeqNo","trait14":"category"},"job_unfavorited":{"trait5":"jobSeqNo","trait14":"category"},"job_favorite_delete_click":{"trait5":"jobSeqNo","trait14":"category"},"type_ahead_search":{},"similar_job_see_more_click":{},"linkedin_login_click":{},"linkedin_logout_click":{},"view_all_glassdoor_reviews_click":{},"homepage_category_click":{"trait14":"key"},"category_click":{"trait14":"key"},"job_click":{"trait5":"jobSeqNo","trait14":"category"},"previous_job_click":{"trait5":"jobSeqNo"},"next_job_click":{"trait5":"jobSeqNo"},"linkedin_recommended_category_click":{"trait14":"category"},"back_to_search_results_click":{},"share_event":{"trait269":"eventScheduleId","trait213":"provider"},"blog_click":{"trait283":"url"},"blog_category_click":{"trait14":"categoryName"},"next_blog_click":{"trait283":"url"},"previous_blog_click":{"trait283":"url"},"blog_details_view":{"trait283":"blog"},"navigate_to_tweet_click":{"tweetUrl":"tweetUrl"},"fit_level_loaded":{"jobsFitLevel":"jobsFitLevel","totalJobs":"totalJobs","availableFitLevelCount":"availableFitLevelCount"},"smart_tags_loaded":{"smartJobTags":"smartJobTags","totalJobs":"totalJobs","availableJobTagCount":"availableJobTagCount"},"edit_role_click":{"trait13":"trait13"},"select_role_click":{"trait13":"trait13","trait260":"trait260"},"app_download_click":{"trait260":"appName","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_decline_click":{"trait5":"videoScreenId","trait14":"category","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_accept_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"accept_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"reject_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_record_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_submit_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_retake_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_continue_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_review_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"submit_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"export_videos_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"restart_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_now_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"continue_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"contact_recruiter_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"agree_click":{"videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"submit_feedback_click":{"rating":"rating","feedback":"feedback","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"video-upload-error":{"url":"url","status":"status","questionId":"questionId","response":"response"}},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"audPxConfig":{"oldVersion":"2.0","newVersion":"4.0"},"navMenuItems":["candidateHome"],"cdnCaasContentEnabled":true,"candidateHome":true,"cdnCaasContentUrl":"https://content-ir.phenompeople.com/api/content-delivery/caasContentV1","navMenuItemsData":{"blogs":{"url":"https://jobs.bureauveritas.com/gb/en/blog"},"events":{"url":"https://jobs.bureauveritas.com/gb/en/events"}}},"imageLoadType":{"desktop":"lazy","mobile":"lazy"},"locale":"en_gb","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"https://cdn.phenompeople.com/CareerConnectResources/prod/pcs/common/1738315470465-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":{"v1":{"dataMode":"loc-cat","override":{"dataMode":true}},"mobileSearch":true},"phwPxScrVerionUrl_1":"prod/pcs/common/phw-px-hadlr-1728036837721.js","widgetScriptsConfig":{"cdnBaseUrl":"https://pp-cdn.phenompeople.com","widgetScriptPath":"CareerConnectResources/pp/agWidgets"},"ally":{"layerEnabled":false,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.18.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content"},"reorderCookie":true,"userAgent":"AudioEye"},"pxScrVerionUrl":"https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/1731591806866-ph-px-hadlr-1.19.js","videoAssessmentPagesList":["video-assessment-landing-page","video-assessment-recording","video-assessment-thankyou","interview-landing-page","interview-recording","interview-thankyou","video assessment landing page","video assessment recording","video assessment thankyou","interview landing page","interview recording","interview thankyou","screening-welcome","screening-answering","screening-thankyou"],"oauth":{"indeed":{"clientId":"9d7219aebf5c1d2fdcc2f09ddb2c960187372b68637b8542faeff787920e1deb"},"xing":{"clientId":"c3bdfb74291c0e358e89"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"86hrvpw043vbtc","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","screening-welcome":"screening_welcome_page_view","screening-answering":"screening_answering_page_view","screening-outro":"screening_thankyou_page_view"},"blogsharewidgetsettings":{"options":[{"name":"whatsapp","order":0,"baseUrl":"https://api.whatsapp.com/send?&text=","eventName":"Share_whatsapp","settings":{"icon":"icon-whatsapp-1","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true},{"name":"linkedin","order":1,"baseUrl":"https://www.linkedin.com/shareArticle?mini=true&url=","eventName":"share_blog","settings":{"icon":"icon-linkedin-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":3,"baseUrl":"https://facebook.com/sharer.php?u=","eventName":"share_blog","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":0,"baseUrl":"https://twitter.com/share?url=","eventName":"share_blog","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":6,"baseUrl":"","eventName":"share_blog","settings":{"icon":"icon-email-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"brandStyle":true,"widgetStyle":"style3","isInline":true,"size":"16","spacing":"21","color":"#fff","backgroundColor":"#ggg","height":"34","width":"34","line-height":"30","lineHeight":"30","borderWidth":"1","borderStyle":"solid","borderColor":"transparent","borderRadius":"100","locale":"en_us","siteVariant":"external"},"botEnabled":false,"urlMap":{"home":"home","category":"c/:category","job":"job/:jobId/:title","service":"service/:jobId/:title","jobcart":"jobcart","search-results":"search-results","glassdoor-reviews":"glassdoor-reviews","event":"event/:eventScheduleId/:title","events":"events","talentcommunity":"talentcommunity","talentcommunityupdate":"talentcommunityupdate","blogarticle":"blogarticle/:url","jobalert":"jobalert","employee-profile":"employeeprofile","editprofile":"editprofile","businessUnit":":url","featuredOpportunities":":url","di_about":"di/about/:groupId","di_details":"di/details/:groupId","di_events":"di/events/:groupId","di_groups":"di/groups","di_highlights":"di/highlights/:groupId","di_jobs":"di/jobs/:groupId","di_members":"di/members/:groupId","referrals_candidate":"referrals/candidate","referrals_referredcandidates":"referrals/referredcandidates","referrals_friendsinterests":"referrals/friendsinterests","referrals_home":"referrals/home","referrals_candidatesuniversity":"referrals/candidatescompany","employees_home":"employees/home","lms_courses":"lms/courses","lms_savedcourses":"lms/savedcourses","gigs_details":"gigs/details/:gigId","gigs_searchresults":"gigs/searchresults","nla_home":"nla/home","nla_search":"nla/search","gigs_manage":"gigs/manage","gigs_applications":"gigs/applications","gigs_applicants":"gigs/applicants/:gigId","events_event":"events/event/:eventScheduleId/:title","events_home":"events/home","my-profile":"myprofile","cp_createpath":"cp/createpath","cp_home":"cp/home","cp_explore":"cp/explore","mentoring_relationship":"mentoring/relationship/:mentorshipId","mentoring_mentees":"mentoring/mentees","mentoring_mentors":"mentoring/mentors","mentoring_searchresults":"mentoring/searchresults","settings":"settings","story":"story/:contentId/:title","video-assessment-landing-page":"video-assessment-landing-page","video-assessment-recording":"video-assessment-recording","video-assessment-thankyou":"video-assessment-thankyou","forwardApply":"hvhapply","interview-landing-page":"interview-landing-page","interview-recording":"interview-recording","interview-thankyou":"interview-thankyou","roles_details":"roles/details/:jobCode/:jobTitle","roles_search-results":"roles/searchresults","screening-welcome":"screening-welcome","screening-answering":"screening-answering","screening-thankyou":"screening-thankyou"},"categoryUrlMap":{"BVYBVZGB_Finance":"c/finance-jobs","BVYBVZGB_Agriculture_Food":"c/agriculture-and-food-jobs","BVYBVZGB_Project_Management":"c/project-management-jobs","BVYBVZGB_Buildings_infrastructure":"c/buildings-and-infrastructure-jobs","BVYBVZGB_Human_Resources":"c/human-resources-jobs","BVYBVZGB_Consultancy":"c/consultancy-jobs","BVYBVZGB_Engineering":"c/engineering-jobs","BVYBVZGB_Procurement":"c/procurement-jobs","BVYBVZGB_Consumer_Products_and_Retail":"c/consumer-products-and-retail-jobs","BVYBVZGB_Customer_Service":"c/customer-service-jobs","BVYBVZGB_Other":"c/other-jobs","BVYBVZGB_Information_Technology_(IT)":"c/information-technology-it-jobs","BVYBVZGB_Marketing":"c/marketing-jobs","BVYBVZGB_Automotive_Transport":"c/automotive-and-transport-jobs","BVYBVZGB_Digital_Transformation":"c/digital-transformation-jobs","BVYBVZGB_Laboratory_Services":"c/laboratory-services-jobs","BVYBVZGB_Cybersecurity":"c/cybersecurity-jobs","BVYBVZGB_Oil_Gas":"c/oil-and-gas-jobs","BVYBVZGB_Finance_Accounting":"c/finance-accounting-jobs","BVYBVZGB_Surveying":"c/surveying-jobs","BVYBVZGB_Marketing_Communications":"c/marketing-and-communications-jobs","BVYBVZGB_Power_Utilities":"c/power-and-utilities-jobs","BVYBVZGB_Quality_Health_Safety_Environment":"c/quality-health-safety-and-environment-jobs","BVYBVZGB_Sustainability_Renewable_Energy":"c/sustainability-and-renewable-energy-jobs","BVYBVZGB_Commodities":"c/commodities-jobs","BVYBVZGB_Marine_Offshore":"c/marine-and-offshore-jobs","BVYBVZGB_Operations_Support":"c/operations-support-jobs","BVYBVZGB_Audit_Certification":"c/audit-certification-jobs","BVYBVZGB_Artificial_Intelligence":"c/artificial-intelligence-jobs","BVYBVZGB_Inspection":"c/inspection-jobs","BVYBVZGB_Legal_Compliance":"c/legal-and-compliance-jobs","BVYBVZGB_Internships_Apprenticeships_Graduate_Traineeships":"c/internships-apprenticeships-and-graduate-traineeships-jobs","BVYBVZGB_Operations":"c/operations-jobs","BVYBVZGB_Communication":"c/communication-jobs","BVYBVZGB_Sales":"c/sales-jobs","BVYBVZGB_Data_Management":"c/data-management-jobs","BVYBVZGB_Digital_Transformation_Artificial Intelligence":"c/digital-transformation-artificial-intelligence-jobs","BVYBVZGB_Consumer_Products_Retail":"c/consumer-products-and-retail-jobs"},"isNativeEmailClient":true,"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"},"automationEnginePagesList":["hvh-apply2","hvh apply","hvh apply2","hvhapply","hvh-apply","schedule-slot"]},"reqData":null},"locationmapsettings":{"status":"success","errorCode":null,"errorMsg":null,"data":{"settings":{"markerImageUrl":{"height":"64","width":"64","url":"/common/assets/images/widgets/ph-location-overview-map-v1/default/default/gmaps-pin.png"},"clusterImageUrl":{"height":"64","width":"64","url":"/common/assets/images/widgets/ph-location-overview-map-v1/default/default/m1.png"},"bgType":"silver","clusterTextColor":"#ffffff","clusterTextFontSize":"14","allFields":["country","state","city","location"]}},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-candidate-login-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1713343704873.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-footer-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-footer-v1/pcs-footer-v1-1617347029398.js","pcs-social-connect-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1669873248000.js","pcs-header-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-header-v1/pcs-header-v1-1718969442490.js","pcs-menu-list-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-menu-list-v1/pcs-menu-list-v1-1710917512987.js","pcs-job-cart-count-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-job-cart-count-v1/pcs-job-cart-count-v1-1652708896808.js","pcs-language-selector-v2":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-language-selector-v2/pcs-language-selector-v2-1714483631689.js"},"reqData":null},"jobwidgetsettings":{"status":"success","errorCode":null,"errorMsg":null,"data":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"},{"settings":{"icon":"","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}],"widgets":{"ph-targeted-jobs-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"officeLocation","checked":true,"display_name":"Office location"},{"settings":{"icon":"","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"","label":false},"name":"eeoJobCategory","checked":true,"display_name":"EEO Job Category"},{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"","label":false},"name":"jobId","checked":true,"display_name":"JobId"}]},"ph-similar-jobs-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}]},"ph-my-applications-v1":{"fields":[{"settings":{"icon":"","label":false},"name":"applicationStatus","checked":true,"display_name":"Application Status"},{"settings":{"icon":"","label":false},"name":"appliedDate","checked":true,"display_name":"Applied Date"}]},"ph-profile-recommendations-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}],"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":false,"icon":"icon-star-empty","activeicon":"icon-star"},"checked":true},{"name":"applyNow","display_name":"Apply Now","settings":{"label":true,"icon":"","activeicon":""},"checked":true}]},"ph-recently-viewed-jobs-v3":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}],"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":false,"icon":"icon-star-empty","activeicon":"icon-star"},"checked":true},{"name":"applyNow","display_name":"Apply Now","settings":{"label":true,"icon":""},"checked":true}]},"ph-recom-jobs-browsing-history-v3":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}],"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":false,"icon":"icon-star-empty","activeicon":"icon-star"},"checked":true},{"name":"applyNow","display_name":"Apply Now","settings":{"label":true,"icon":""},"checked":true}]},"ph-job-cart-v3":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}],"actions":[{"name":"removeFromCart","display_name":"Remove Job","settings":{"label":false,"icon":"icon-delete"},"checked":true}]},"ph-job-details-v1":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"},{"settings":{"icon":"icon-career-level","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}]},"ph-search-results-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-category","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-career-level","label":false},"name":"requisitionID","checked":true,"display_name":"Requisition ID"},{"settings":{"icon":"icon-career-level","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-time","label":false},"name":"hiringType","checked":true,"display_name":"Hiring Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workingPattern","checked":true,"display_name":"Working Pattern"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"custDivision","checked":true,"display_name":"Cust Division"},{"settings":{"icon":"icon-career-level-6","label":false},"name":"custSubDivision","checked":true,"display_name":"Cust Sub Division"},{"settings":{"icon":"icon-map-pin","label":false},"name":"custLocation","checked":true,"display_name":"cust Location"},{"settings":{"icon":"icon-career-level","label":false},"name":"educationLevel","checked":true,"display_name":"Education"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"subject","checked":true,"display_name":"Subject"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}],"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":false,"icon":"icon-star-empty","activeicon":"icon-star"},"checked":true},{"name":"applyNow","display_name":"Apply Now","settings":{"label":true,"icon":"","activeicon":""},"checked":true}]},"pcs-job-details-v1":{"fields":[]},"pcs-similar-jobs-v1":{"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":false,"icon":"icon-star-empty","activeicon":"icon-star"},"checked":true},{"name":"applyNow","display_name":"Apply Now","settings":{"label":true,"icon":"","activeicon":""},"checked":true}]}},"actions":[]},"reqData":null},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["siteConfig","jobwidgetsettings","locationmapsettings","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"08eccba761c1464f9e46392ece7ab9bb","pxPageState":"stranger","jdsource":""}; /*-->*/</script> <script type="text/javascript">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script> <script type="text/javascript">phApp.ddoRealPath = {"jobDetail": "data.job"}</script> <link rel="canonical" href="https://jobs.bureauveritas.com/gb/en/home" /> <link rel="alternate" href="https://jobs.bureauveritas.com/" hreflang="en-us" data-seo="1" data-ddo="" /> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-basic-4.30.js" defer="" module="" platform_id="platform_basic"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/require-4.1.js" defer="" platform_id="platform_require"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part1-4.1.js" defer="" platform_id="platform_vendorBundleJs"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part2-4.1.js" defer="" platform_id="platform_vendorBundleJs_part2"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part1-4.79.js" defer="" platform_id="platform_phCommonBundleJs"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part2-4.79.js" defer="" platform_id="platform_phCommonBundleJs_part2"></script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/page-scripts/ph-page-1706102305735.js" ph-script-type="components" defer=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-loader-4.21.js" defer="" platform_id="platform_loader"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/appConfig/ph-app-config-1.14.js" defer="" platform_id="platform_phAppConfigJs"></script> <script type="text/x-ph-tmpl" id="ph-social-login-v1-default-1537275486968"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page9-vJMwJY"></div> <div class="ph-social-login-area ph-widget-box" role="region" aria-label="Sign in with LinkedIn" key-aria-label="FCQiQA-ph-social-login-v1-default-linkedinLoginWidgetHeadingText" show.bind="!isLoggedIn && !showLoader" data-ph-id="ph-page-element-page9-a60Orl"> <div class="widget-container" data-ph-id="ph-page-element-page9-jSCLmf"> <div class="content-block" data-ph-id="ph-page-element-page9-nE4LzP"> <div class="linkedin-login-block" show.bind="!showLoader" data-ph-id="ph-page-element-page9-56fqZ6"> <div class="linkedin-info" if.bind="!isBotProfileState" data-ph-id="ph-page-element-page9-a2qR8e"> <div class="title" data-ph-id="ph-page-element-page9-wrfpvS"> <ppc-content key="FCQiQA-ph-social-login-v1-default-linkedinHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page9-YppMk0"> Make your job search easier. Get personalized job alerts! </ppc-content> </div> <p data-ph-id="ph-page-element-page9-Z4fmDl"> <ppc-content key="FCQiQA-ph-social-login-v1-default-linkedinSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page9-kxX7oi"> Connect your LinkedIn profile to get fast & easy access to your dream job. </ppc-content> </p> </div> <div class="bot-profile-info" if.bind="isBotProfileState" data-ph-at-id="bot-profile-info" data-ph-at-title-text="${botProfile.jobtitle}" data-ph-at-location-text="${botProfile.location}" data-ph-at-name-text="${botProfile.name}" data-ph-id="ph-page-element-page9-AcM9zY"> <div class="title" show.bind="botProfile.name" data-ph-id="ph-page-element-page9-9MMUcg"> ${botProfile.name} </div> <p data-ph-id="ph-page-element-page9-UK5LCS"> <span show.bind="botProfile.jobtitle" data-ph-id="ph-page-element-page9-HMe8c2">${botProfile.jobtitle}, </span> <span show.bind="botProfile.location" data-ph-id="ph-page-element-page9-Rrx1la">${botProfile.location}</span> </p> </div> <div class="linkedin-actions" data-ph-at-id="linkedin-actions" data-ph-id="ph-page-element-page9-rkDQOC"> <a ph-tevent="linkedin_login_click" class="sign-btn btn btn-lg primary-button " href="javascript:void(0);" click.delegate="login('linkedIn')" data-ph-at-id="login-link" data-ph-id="ph-page-element-page9-JP6jRV"><i class="icon icon-linkedin" aria-hidden="true" data-ph-id="ph-page-element-page9-JM8Vmg"></i><span data-ph-at-id="login-text" data-ph-id="ph-page-element-page9-KThIOY">${widgetBundle['linkedinLoginText'] | pht}</span><i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page9-06MEuX"></i> </a> </div> </div> </div> </div> </div> <!-- Merge candidate profile --> <section class="ph-widget" data-ph-id="ph-page-element-page9-zuS9ZG"> <div class="ph-candidate-merge-profile-v1-default-default" if.bind="mode == 'CI'" as-element="ph-candidate-merge-profile-v1" data-widget="ph-candidate-merge-profile-v1" view="default-1540390000159" original-view="default" instance-id="" data-ph-id="ph-page-element-page9-sMtzYs"></div> </section> <!-- ENd --></script> <script type="text/x-ph-tmpl" id="ph-social-profile-v1-default-1537275344858"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page9-nXfLWz"></div> <div class="ph-social-logout-area" role="region" aria-label="Social Profile" key-aria-label="9iS1cu-ph-social-profile-v1-default-linkedinProfileWidgetHeadingText" show.bind="!showLoader" data-ph-id="ph-page-element-page9-J5c6Rv"> <div class="widget-container" data-ph-id="ph-page-element-page9-onY5YH"> <div class="content-block" data-ph-id="ph-page-element-page9-vzeIEo"> <div class="social-logout-block-area" data-ph-id="ph-page-element-page9-7uhFBp"> <figure class="profileImg" data-ph-id="ph-page-element-page9-cE5etK"> <img src="${userProfile.pictureUrl}" alt="${userProfile.firstName} ${userProfile.lastName}" key-alt="9iS1cu-ph-social-profile-v1-default-linkedinProfileImage" class="img-circle" show.bind="userProfile.pictureUrl" data-ph-at-id="profile-image" data-ph-id="ph-page-element-page9-nnQP0E"> <ppc-content type="image" data-ph-id="ph-page-element-page9-Faa27B"> <img alt="${userProfile.firstName} ${userProfile.lastName}" class="img-circle" show.bind="!userProfile.pictureUrl" data-ph-at-id="profile-image" data-ph-id="ph-page-element-page9-tOl352" key-src="defaultProfileImgSource" src="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/en_gb/desktop/assets/images/v-1700148076839-default_profile.png"> </img> </ppc-content> </img> </figure> <div class="loggedin-details" data-ph-id="ph-page-element-page9-dnVjuq"> <div class="linkedin-content" data-ph-id="ph-page-element-page9-V3O6V3"> <div class="details-info" data-ph-at-id="profile-info" data-ph-at-firstname-text="${userProfile.firstName}" data-ph-at-lastname-text="${userProfile.lastName}" data-ph-at-userrole-text="${userProfile.headline}" data-ph-at-userlocation-text="${userProfile.location}" data-ph-id="ph-page-element-page9-GpuO4o"> <div class="profile-name" data-ph-id="ph-page-element-page9-RTlhpM"> ${userProfile.firstName} ${userProfile.lastName} </div> <div class="designation-info" data-ph-id="ph-page-element-page9-gPjgGB"> <span class="role" if.bind="userProfile.headline" data-ph-id="ph-page-element-page9-G0UxZj">${userProfile.headline}</span> <span class="location" if.bind="userProfile.location" data-ph-id="ph-page-element-page9-CrKtBZ"> <span class="sr-only" data-ph-id="ph-page-element-page9-ekaad9">Location</span> <i class="icon icon-map-pin" aria-hidden="true" data-ph-id="ph-page-element-page9-ZtHqqN"></i> ${userProfile.location}</span> </div> <!-- <div class="user-skills"> <ul show.bind="userProfile.skills.length" data-ph-at-id="linkedin-recommended-jobs-list"> <li repeat.for="eachSkill of userProfile.skills" data-ph-at-skills-text="${eachSkill}"> ${eachSkill} </li> </ul> </div> --> <div class="tags" data-ph-id="ph-page-element-page9-afFe7X"> <section class="ph-widget" data-ph-id="ph-page-element-page9-0bpoJQ"> <div as-element="ph-profile-recommendations-v1" class="ph-profile-recommendations-v1-recom-job-categories-default" data-widget="ph-profile-recommendations-v1" max-display-count="5" view="1537275344852-recom-job-categories" profile-only.bind="1" original-view="recom-job-categories" instance-id="" data-ph-id="ph-page-element-page9-pE6aqD"></div> </section> </div> </div> <div class="loggedin-actions" data-ph-at-id="loggedin-actions" data-ph-id="ph-page-element-page9-oCYv8V"> <p data-ph-id="ph-page-element-page9-JbinBP"> <span class="connected-status" data-ph-id="ph-page-element-page9-bz2VZ6"> <ppc-content key="9iS1cu-ph-social-profile-v1-default-loggedinActionText" data-ph-at-id="action-text" data-ph-id="ph-page-element-page9-2Q7byi"> Connected with LinkedIn | </ppc-content> </span> <a href="javascript:void(0)" ph-tevent="linkedin_logout_click" click.trigger="socialLogout()" title="Logout" key-title="9iS1cu-ph-social-profile-v1-default-logoutTitleText" data-ph-at-id="logout-link" data-ph-id="ph-page-element-page9-kQ6qLO"> <ppc-content key="9iS1cu-ph-social-profile-v1-default-logoutLinkText" data-ph-at-id="logout-text" data-ph-id="ph-page-element-page9-nyVVma"> Logout </ppc-content> </a> </p> </div> </div> </div> </div> </div> </div> </div></script> <script type="text/x-ph-tmpl" id="ph-language-selector-v2-view3-1670399864324"><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-KhBWnx"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-ZazOmM"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-short-header-RCbN4v"> <button if.bind="searchArray.length>1" class="language-block ${(searchArray.length==1)?'single-language':''} ${(searchArray.length>10) ? '':'dropdown-arrow'}" role="${(searchArray.length==1)?'text':'button'}" click.delegate="isshowDropDown = !isshowDropDown" aria-haspopup="true" aria-expanded="${isshowDropDown?true:false}" data-ph-id="ph-page-element-short-header-WyZPdz"> <span class="flag flag-${choosenLanguage.locationDisplayName}" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-ZIrpwB"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-KKxhu7"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-iNdf5V"> Language selected </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-YZNO9C"> ${choosenLanguage.languageDisplayName} </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-JA7J1B"> ${choosenLanguage.locationDisplayName} </span> <i aria-hidden="true" class="icon icon-triangle ${isshowDropDown ? 'icon-up' : 'icon-down'} arrow-icon" show.bind="(searchArray.length>1)" data-ph-id="ph-page-element-short-header-9D6rUn"></i> </button> <div class="dropdown-box ph-a11y-dropdown-box ${(searchArray.length>10) ? '':'dropdown-arrow'}" show.bind="isshowDropDown && (searchArray.length>1)" data-ph-id="ph-page-element-short-header-UQ9Lxa"> <div class="search-area ph-a11y-search-area" if.bind="roots.length >= 3" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-short-header-g2kfPg"> <label class="sr-only" for="language-selector" key="ph-language-selector-v2-view3-43qw7q-pwujHD" data-ph-id="ph-page-element-short-header-8s3OWN">Search location or Language</label> <input type="text" name="language-listbox" key-aria-label="ph-language-selector-v2-view3-43qw7q-qTftFE" id="language-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="language-listbox" value.bind="filterKey" aria-describedby="suggestions" placeholder="Enter location or language" key-placeholder="ph-language-selector-v2-view3-43qw7q-fdcBrp" data-show-listbox="false" data-ph-id="ph-page-element-short-header-xsM8HI" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-akj6be"></i> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.delegate="clearSearch()" focus.trigger="onBlurHandler($event, true)" blur.trigger="onBlurHandler($event, false)" if.bind="filterKey" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" data-ph-id="ph-page-element-short-header-3F4ZC6"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-OLqDBO"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-N3lqMO"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-xtoAdS"> <ppc-content key="ph-language-selector-v2-view3-43qw7q-Ras4Tc" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-3hGPrJ">Clear text</ppc-content> </span> </a> </div> <ul class="dropdown-list" id="language-selector-box" role="listbox" aria-label="language-list" aria-labelledby="language-listbox" tabindex="-1" data-ph-id="ph-page-element-short-header-KUNvJV"> <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-bmwKB5"> <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-cxEL64"> <span class="flag flag-${each.location || each.language}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-DBIAni"></span> <div class="country" data-ph-id="ph-page-element-short-header-0Icw7V"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-RWmgOx"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-x2XoSY"> <ppc-content data-ph-id="ph-page-element-short-header-5b5Xku"> selected </ppc-content> </div> </div> </a> </li> </ul> <div aria-atomic="true" aria-live="polite" id="suggestions" data-ph-id="ph-page-element-short-header-aN6whQ"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-DkPpqR"> <ppc-content key="ph-language-selector-v2-view3-43qw7q-0RFQSK" data-ph-id="ph-page-element-short-header-BGWJiO"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-yQGYnT"> ${roots.length} <ppc-content key="ph-language-selector-v2-view3-43qw7q-nfZA2g" data-ph-id="ph-page-element-short-header-nZi7za"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-view2-1640670510827"><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-f9FR8Z"> <a ph-href="jobcart" key-ph-href="ph-job-cart-count-v3-view2-jkn0zo-5kJTaF" 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-CPDqiJ"> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-Fao99D"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-Pau98N"> ${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-qCDiX6"> (${jobCartCount}) </span> </a> </div></script><script type="application/ld+json">{"@context": "http://schema.org","@type": "WebSite","url": "https://jobs.bureauveritas.com/","potentialAction": {"@type": "SearchAction","target": "https://jobs.bureauveritas.com/gb/en/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script><script id="ph_app_page_id" type="text/javascript"> phApp.pageId = "page9"</script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1663475870347"><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="ph-cookie-popup-v2-default-oDm31u-lmUWSG" aria-label="cookies message" key-aria-label="ph-cookie-popup-v2-default-oDm31u-pwmFTI" if.bind="showCookiePopup" data-ph-id="ph-page-element-page9-HP5yff"> <div class="container" data-ph-id="ph-page-element-page9-jWbaa7"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page9-mWefEC"> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-aJ2Uz9" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page9-xBeB9U" language-overriden="true">We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our <a href="https://jobs.bureauveritas.com/gb/en/cookiesettings" ph-href="https://jobs.bureauveritas.com/gb/en/cookiesettings">Cookie Settings</a> page. If you continue to use this site, you consent to our use of cookies.</ppc-content> </div> <div class="cookie-button-area phcriticalhide ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-page-element-page9-CzZwug"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="ph-cookie-popup-v2-default-oDm31u-Wy0GEH" class="btn plain-button cookie-settings" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="ph-cookie-popup-v2-default-oDm31u-Z0jNvK" data-ph-id="ph-page-element-page9-9fF4iQ"> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-0ggx4T" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-page-element-page9-ILK1Jv"> Cookie Settings </ppc-content> </a> <button class="btn primary-button phcriticalhide" show.bind="showDeclineButton" click.delegate="declineAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="3" data-ph-id="ph-page-element-page9-veS0r3"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-page-element-page9-YPSFk5"></i> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-UkWecG" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-page-element-page9-kADj6x"> Deny </ppc-content> </button> <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2" data-ph-id="ph-page-element-page9-VySEe7"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-page-element-page9-pguOP1"></i> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-waAGJ8" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-page-element-page9-1kXjam">Allow</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-page-element-page9-5gbdQM"> <div class="modal fade in show ph-a11y-modal-dialog-area" role="dialog" aria-modal="true" aria-labelledby="consent-text-area" data-ph-id="ph-page-element-page9-IdjPX0"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-page9-hGbq4F"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page9-SW8j8p"> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-cS3TN8" data-ph-at-id="pii-consent-text" data-ph-id="ph-page-element-page9-oGX109"> When using this site you will have the option to provide personal information. By using this site and providing your personal information you consent to your data being stored overseas. </ppc-content> </div> <div class="cookie-button-area" data-ph-id="ph-page-element-page9-wDnfVQ"> <button class="btn primary-button ph-a11y-allow-consent wctrl" click.delegate="acceptConsent()" data-ph-at-id="pii-consent-accept-link" data-ph-id="ph-page-element-page9-qG1KvM"> <i class="icon icon-check-mark" data-ph-id="ph-page-element-page9-yD5gw8"></i> <ppc-content key="ph-cookie-popup-v2-default-oDm31u-OVyS6B" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-page-element-page9-kXxVJI"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-geo-location-v1-1557401652154-default"></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1678958128818-view3"><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view --> <div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-page-element-page9-VGlkNc"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page9-jBnAqb"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page9-leMYPc"> <div class="modal-content" data-ph-id="ph-page-element-page9-qwOnek"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-jOnlQC"> <!--<i class="icon icon-send-masseg"></i>--> <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-page-element-page9-HC5Qxf"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-5fPQ9N"></i> <span class="sr-only" data-ph-id="ph-page-element-page9-YDqM71"><ppc-content key="ph-email-job-v1-view3-1gd0h6-KoR7aT" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page9-y5ca2w">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page9-3QYTfY"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-L5NDki" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page9-4LoVJZ">Email this Job</ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page9-3361kN"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-447FQn" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page9-pVGfkM">To access this job from another computer, email this information to yourself or a friend.</ppc-content> </p> </div> <div class="widget-container" data-ph-id="ph-page-element-page9-1XUw6X"> <div class="content-block" data-ph-id="ph-page-element-page9-MSMg0o"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page9-jGkrft"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page9-Lcak0U"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page9-IeMaL4"> <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-page-element-page9-uM7P4s"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page9-RQTrZQ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page9-nEFrTX"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page9-QgEJVf"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page9-7RcBfZ"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page9-Ho6CRq"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page9-XWEm8E"> <label for="email-job-name" data-ph-id="ph-page-element-page9-5pvA7B"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-BZp9tj" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page9-ewH0bW">Your Name</ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="ph-email-job-v1-view3-1gd0h6-SD64CS" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-UiZUh0" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page9-d4Wy12"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-page-element-page9-EOjUeU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-2Kqq2d" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page9-IwD5DE">Name should not be empty</ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page9-utXg06"> <label for="email-job-email" data-ph-id="ph-page-element-page9-VBpocS"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-zfOmtY" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page9-6vfHpD">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鈥檚 Email address" key-title="ph-email-job-v1-view3-1gd0h6-qxSvTE" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page9-ER4cNu"> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page9-F4gLRU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-0Rr8Xa" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page9-AWYYpN"> Recipient鈥檚 email address should not be Empty </ppc-content> </span> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page9-vjCuQz"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-fMRtYA" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page9-tYcoXi"> Please enter a valid Recipient鈥檚 email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page9-aZQ1A6"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-page-element-page9-bbtSJz"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-YHR9b7" data-ph-at-id="send-text" data-ph-id="ph-page-element-page9-1sRj5h">Send</ppc-content> </button> </div> </form> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page9-Q3DMKy"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page9-m9r3IT"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page9-pnVHPu"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page9-odPHxW"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page9-2pU7pG"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page9-AfDWGv"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page9-nuIDz2"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page9-8rhIwY">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page9-8QocBU"> <span class="sr-only required-text" data-ph-id="ph-page-element-page9-a1Uzzo"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page9-UX1A7W"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page9-WMvhrf"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-V50rlX" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page9-llPKtZ">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page9-tNmSfA"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-sirVoQ" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page9-7QNoeZ">Email has sent has error</ppc-content> </span> </div> </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-page-element-page9-ltKxmw"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page9-vi0bvd"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page9-moh0iE"> <i class="icon icon-check" data-ph-id="ph-page-element-page9-jVDHeS"></i> <h3 data-ph-id="ph-page-element-page9-72tXAs"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-hCehxj" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page9-3Q3uDJ">Success!</ppc-content> </h3> <p data-ph-id="ph-page-element-page9-Vd0ufX"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-hwKJj7" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page9-mpYJQL">Email has successfully sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page9-bzq4SP"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-xf7IZj" data-ph-id="ph-page-element-page9-bfQiI5">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page9-xIcvFq"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page9-xk9LOz"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page9-COanRX"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page9-Sfrd4Z"></i> <h3 data-ph-id="ph-page-element-page9-4XeiZD"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-uBsXhJ" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page9-FFyDWM">Failure!</ppc-content> </h3> <p data-ph-id="ph-page-element-page9-h8n3ob"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-rtG1U8" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page9-XB9ITP">Email has not sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page9-6H92mh"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-OMNV13" data-ph-id="ph-page-element-page9-VkMgTt">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page9-TVYkQc"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page9-St6ELU"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page9-dvVXWe"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page9-KZL1wp"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page9-Tlon5F"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page9-yk2CJu"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page9-F7z8La"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page9-i7X5OY"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page9-bKz2L2"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page9-O9FIvC"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page9-g946bA"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page9-T1UtYA"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page9-4Plg6l">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page9-QjUrYB"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page9-z4j4Aq"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-1678958128756-default"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page9-13X5Jb"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page9-jty1Sf"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page9-crNJz8"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-hF7viQ" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-9x4et7" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page9-rrc5ba"> <ppc-content key="ph-social-share-v3-default-6ty93l-SVRwzF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page9-RZSPws"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page9-cd3jcD"> <ppc-content key="ph-social-share-v3-default-6ty93l-v7EmHq" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page9-jSHLMZ">We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level.</ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page9-p6Il40"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page9-mLDfhm"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page9-xQykc9"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page9-ZgJWR4"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page9-iInkjS"></i> <span class="sr-only" data-ph-id="ph-page-element-page9-r6xyx7"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page9-rVdYy3">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page9-axNAS1"> <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="1678958128818-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page9-vwYU8O"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page9-pPyiaf"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page9-33qov3"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page9-g7JG2C"> <div class="head-wrapper" data-ph-id="ph-page-element-page9-fbuVbo"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page9-s46U6K"> <ppc-content key="ph-social-share-v3-default-6ty93l-4VuDDR" data-ph-id="ph-page-element-page9-9POFSu">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-bUACaT" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page9-LDiNpj"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page9-9tqA7j"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page9-7GCT5Y"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page9-NFWr9g"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page9-Gak8rZ"> <ppc-content key="ph-social-share-v3-default-6ty93l-99CvHJ" data-ph-id="ph-page-element-page9-itHGBp">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page9-aul1kh"><ppc-content key="ph-social-share-v3-default-6ty93l-R3El4t" data-ph-id="ph-page-element-page9-2iSCS3">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page9-ePl0Nr" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page9-7CsiCb"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page9-DsI9e4"><ppc-content key="ph-social-share-v3-default-6ty93l-0geB2w" data-ph-id="ph-page-element-page9-9cPjVc">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page9-mwPd1a"><ppc-content key="ph-social-share-v3-default-6ty93l-GzxGWb" data-ph-id="ph-page-element-page9-yiuYY2">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-default-1678958128785"><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page9-84oFSZ"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-jZRRRR" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page9-gH5qIM"> <div class="widget-container" data-ph-id="ph-page-element-page9-7K5rkj"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-X0liEB"> <h2 data-ph-id="ph-page-element-page9-w7Ywxb"> <ppc-content key="ph-profile-recommendations-v2-default-uhpq86-6clsZc" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page9-eeEMbE">Profile recommendations</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page9-yxDjT2"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page9-kbxWiv"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page9-pQwKZo"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="Njv10g" data-ph-id="ph-page-element-page9-e4V3g7"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page9-X9N0bn"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page9-IzebQv"> <img if.bind="eachJob.image && eachJob.image.src && eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-page-element-page9-IF1VG1" /> </div> </figure> </div> <div class="${(eachJob.image && eachJob.image.src || ( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-page-element-page9-B7zTD3"> <div class="information" data-ph-id="ph-page-element-page9-0afgJY"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page9-SLsLGw"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page9-38Iklj"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page9-Ffq2n8"> <img if.bind="eachJob.badgeImage && eachJob.badgeImage.src && eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page9-TB5fuF" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page9-VrVVnY"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page9-wQJ2AO"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page9-dqONIK"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-hg7K6E"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-7fsbII">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page9-8ycV6C"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page9-4OJTPw"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page9-WKNbKU"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-574mf9"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-5o6svN">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-profile-recommendations-v2-default-uhpq86-Bx4tDC" aria-level="3" key-aria-level="ph-profile-recommendations-v2-default-uhpq86-gTFZ7i" instance-id="Njv10g-gOReT0" data-ph-id="ph-page-element-page9-sUb8fN"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page9-LrhjoF"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page9-qv2m2R"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-Ia3gZM">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-XDPmnU"></i> <span data-ph-id="ph-page-element-page9-Nu9sbN">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page9-6co8D1"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page9-TO9Rjn"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page9-yt9Ln8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-cKUDr4">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-dHH0Ra"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-wvF2RC">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page9-HCkuCV"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-FH2i7T">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-gjIk87"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-NAPwcj">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page9-g1EdqW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-4wLx9r">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-VUCjtB"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-4P2dIb"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page9-ECbaR1"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page9-yVX4gT">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page9-H08u8j"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-60NMgR">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-41MRvy"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-Al7o3y">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page9-X9tFyV"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-tNY9sv">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-ZzJWZD"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-c1CJc5">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-wzwOHB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-0NG2Y5">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-zMjgGW"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-t6GNQ8"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-WdipSV"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-S5dCrp">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-hwNwDm"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-5s995Y"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page9-hx92RE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-7wtwyx">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-DgYhdp">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-ILcOCv"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-rnxsNo">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-s7uW1P">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-lpnMIm">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-ZYkmhm">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-nnpbR4">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page9-0LkgqF"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page9-YmE4d7"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page9-RA5yM9"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page9-s2bEkX"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-MdJKuN"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page9-bDJBq2"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page9-izxzp4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-XJWIr3">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-tVkxym"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-L51z3m">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page9-pvlO0P"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page9-zGuGpk"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-19pkYM"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page9-BCxfGr"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page9-vUiovq"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-GdW793">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-LXsbjq"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-xaAZFC">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page9-8hBwyH"> <span class="sr-only" data-ph-id="ph-page-element-page9-FAWbLQ">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-x5h7b9"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-bzTzQ6">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-gFLqat">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-nFLAJS">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-37QT9g">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-UUyJUS">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page9-c4VOMA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-FB31vE">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-LvKbxv"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-bUtY4o"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page9-5aE5Ax"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page9-c4LAU7">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page9-KItsHC"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-T9Gdsf">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-AEIbgs"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-PNN9h0">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page9-ZFuOH7"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-o0A8TX">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-r5w99R"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-M7SbaY">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-1Ab2XK"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-vGj9Wk">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-EyLsol"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-S2dvRJ"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-AQTXkE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-UnBc3u">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-LqX4uQ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-uNd4hx"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-FHp35Y"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page9-o8PDta"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-profile-recommendations-v2-default-uhpq86-41Wwlc" 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="Njv10g-sjNzeQ" data-ph-id="ph-page-element-page9-wkpHS5"> <span data-ph-id="ph-page-element-page9-Lw26GL"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page9-7f6L1Q"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page9-YIKbdn"> <li class="location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page9-WuvaKT"> ${eachLocation} <div if.bind="enabledFields && enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page9-IlFQWU"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page9-jLPPFq">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page9-9gK6Ql">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page9-0KqQVt"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-9zi7eR">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-0alARb">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-c29gzB">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-Xknc6D">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-gbcQTD">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-hWKIBN"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page9-iIku8t"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-profile-recommendations-v2-default-uhpq86-UO7pUv" 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="Njv10g-BcA6NB" data-ph-id="ph-page-element-page9-Yd9GBi"> <span data-ph-id="ph-page-element-page9-qS8EOZ"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page9-O71vz1"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page9-4wBOhR"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page9-8P6Jyt"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page9-7TZlCA"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page9-p3yZ0x"> <span data-ph-id="ph-page-element-page9-FqzN94"> <span class="sr-only" data-ph-id="ph-page-element-page9-2l8s7Q"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page9-qu5VCX">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page9-0k5o4m">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page9-BJ5MaG">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page9-FQmz4c">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page9-qxG2Mv">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page9-61gHP6">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page9-Q5ukYw"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page9-wmmQpV"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page9-3Z7DCV"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page9-OW1MvF"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page9-npcWhI"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page9-uUiFJ0"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page9-HGl5d4"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-XGfViQ"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-9DhtI1">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page9-OHRTFg"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page9-otpV7X"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page9-A8R8wL"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page9-QWWLQ6"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-page-element-page9-7t78ZK"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page9-231GdK">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-DW2iwI"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page9-8xw8hv"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page9-GyvOij"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-tYENan"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page9-NbjyAo"> <ppc-content key="ph-profile-recommendations-v2-default-uhpq86-Aq7qsW" data-ph-at-id="share-job-button-text" instance-id="Njv10g-IWz6NC" data-ph-id="ph-page-element-page9-h0nM6Y">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page9-dDvHav"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page9-NoaJg2" view="1678958128756-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="1678958128756-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page9-bqWf3G"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page9-xo7SXE"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page9-uda6lv"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page9-U6eq0v"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page9-IZnqGU" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page9-cjtU8b"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-UPyZHi"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page9-zjpnqO"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page9-F8Uy9q">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page9-LeYUaB"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-AptiUo"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page9-f3jtz7"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page9-YdeJH0">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page9-kpIsUN"> <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-page-element-page9-NRsHmP"> <span class="sr-only" data-ph-id="ph-page-element-page9-W4fcxs">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-SZvgBo"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page9-FoV7xV"> ${widgetBundle['removeJobText'] | pht} </span> </button> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-page-element-page9-ghJEy6"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page9-qa0qfA"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page9-LF9lq5"> <div class="modal-dialog" data-ph-id="ph-page-element-page9-bwDZNo"> <div class="popup-content-block" data-ph-id="ph-page-element-page9-HbyDib"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-fUDojG" instance-id="Njv10g-v6UhUp" data-ph-id="ph-page-element-page9-co5slx"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-ZEL330"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page9-2YG5Zg"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-uhpq86-OmHvUS" key-aria-level="ph-profile-recommendations-v2-default-uhpq86-hgNndr" instance-id="Njv10g-vFSiFr" data-ph-id="ph-page-element-page9-n230ik"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page9-OJWbmA"> <div class="job-location-count" data-ph-id="ph-page-element-page9-Y6zFPi"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-1qUQEK"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page9-pHxvyz"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page9-u5TXYj"> <span data-ph-id="ph-page-element-page9-shrnLs"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page9-WGAn6c"></i> </span> <span data-ph-id="ph-page-element-page9-zE8OCD"> ${eachLocation} </span> <div if.bind="enabledFields && enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page9-Txg1EN"> <span class="sr-only" data-ph-id="ph-page-element-page9-qAq9BW">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page9-oxC2Xs"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-ZsfAf7">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-DEo2Mx">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-7J6CLW">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-ssjpeD">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-0QzyKH"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page9-PVyqbJ"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page9-LbR9OR"> <div class="modal-dialog" data-ph-id="ph-page-element-page9-x2tDXa"> <div class="popup-content-block" data-ph-id="ph-page-element-page9-w3gCyQ"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-pAcO3p" instance-id="Njv10g-xo28aC" data-ph-id="ph-page-element-page9-djmx3m"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-ykSkq3"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page9-9QRrfM"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-uhpq86-zOBIbO" key-aria-level="ph-profile-recommendations-v2-default-uhpq86-vPdPwO" instance-id="Njv10g-Wo15Fi" data-ph-id="ph-page-element-page9-iuVRvT"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page9-RJqJB9"> <div class="job-location-count" data-ph-id="ph-page-element-page9-UaQMjV"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-0Fd4C6"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page9-rSRsJR"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page9-4dSxdO"> <span data-ph-id="ph-page-element-page9-CGG1SH"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page9-ZB29na"></i> </span> <span data-ph-id="ph-page-element-page9-dYvBgK"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page9-z1U5zM"> <div aria-atomic="true" aria-live="assertive" instance-id="eypzSf" data-ph-id="ph-page-element-page9-4Dwunz"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-rQuD4s" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-profile-recommendations-v2-default-uhpq86-Aw6zs7" data-ph-at-id="seemore-link" role="button" key-role="ph-profile-recommendations-v2-default-uhpq86-XCrklL" instance-id="eypzSf-WnUUCC" data-ph-id="ph-page-element-page9-xaT1Jv"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page9-Z6u8FC"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-tHDuvZ"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-HeUC9h" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-profile-recommendations-v2-default-uhpq86-ncf7L3" data-ph-at-id="seeless-link" role="button" key-role="ph-profile-recommendations-v2-default-uhpq86-YlZtRn" instance-id="eypzSf-O6KqGn" data-ph-id="ph-page-element-page9-z9hGnL"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page9-h8RLpX"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-6nyN36"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-kmAQNG" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-profile-recommendations-v2-default-uhpq86-aFk0ph" data-ph-at-id="seenext-link" role="button" key-role="ph-profile-recommendations-v2-default-uhpq86-mr7fV6" instance-id="eypzSf-4Ex1do" data-ph-id="ph-page-element-page9-xQbSYG"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page9-CBo9SO"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-KeL1vI"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-uhpq86-6on6fW" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-profile-recommendations-v2-default-uhpq86-c24pq4" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-profile-recommendations-v2-default-uhpq86-MoepsE" instance-id="eypzSf-he5rl2" data-ph-id="ph-page-element-page9-EwK7Z1"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page9-1u4fcf"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-FyZUrx"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page9-11NC7Q"> <p data-ph-id="ph-page-element-page9-DZGyVV"> <ppc-content key="ph-profile-recommendations-v2-default-uhpq86-yOpvvZ" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page9-eHfCvl"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1663506330147"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page9-MNGkyk"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page9-fGQsCT"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page9-HpySyh"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-hF7viQ" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-9x4et7" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page9-00Mctt"> <ppc-content key="ph-social-share-v3-default-6ty93l-SVRwzF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page9-MdAKC9"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page9-IHTtNE"> <ppc-content key="ph-social-share-v3-default-6ty93l-v7EmHq" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page9-IsulYa">We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level.</ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page9-nTCCkq"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page9-VWTmw1"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page9-uG8tpY"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page9-vGLRYx"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page9-UCXvEy"></i> <span class="sr-only" data-ph-id="ph-page-element-page9-VAxFT2"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page9-HmO2pU">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page9-d9gp4w" view="1663506330132-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1663506330132-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page9-phD4GI"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page9-nI3HIM"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page9-AGm0fq"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page9-ciqasB"> <div class="head-wrapper" data-ph-id="ph-page-element-page9-RTktsH"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page9-BqRu63"> <ppc-content key="ph-social-share-v3-default-6ty93l-4VuDDR" data-ph-id="ph-page-element-page9-AMNXsV">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-bUACaT" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page9-U5HgoO"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page9-q6NTaI"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page9-2TJzYB"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page9-rHMqJc"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page9-S5WNaT"> <ppc-content key="ph-social-share-v3-default-6ty93l-99CvHJ" data-ph-id="ph-page-element-page9-YlxnRc">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page9-ULXyfh"><ppc-content key="ph-social-share-v3-default-6ty93l-R3El4t" data-ph-id="ph-page-element-page9-CHcRku">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page9-oKrnWl" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page9-EIN0Jm"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page9-rNqn54"><ppc-content key="ph-social-share-v3-default-6ty93l-0geB2w" data-ph-id="ph-page-element-page9-yLE33m">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page9-ZeIx6P"><ppc-content key="ph-social-share-v3-default-6ty93l-GzxGWb" data-ph-id="ph-page-element-page9-DbgU7L">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recom-jobs-browsing-history-v3-default-1622136993722"><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page9-IjAJQy"></div> <div class="phs-widget-block-area testing-class ph-widget-box" role="region" aria-label="JOBS BASED ON YOUR BROWSING HISTORY" key-aria-label="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-KQrlVD" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page9-V1cvGo"> <div class="widget-container" data-ph-id="ph-page-element-page9-kU9pRa"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-Rsif2e"> <h2 data-ph-id="ph-page-element-page9-0txS89"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-qTIsgN" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page9-Rwu3Au">JOBS BASED ON YOUR BROWSING HISTORY</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page9-Vv3Nyw"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page9-o2rMzj"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page9-tNPNpn"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="Vixuy0" data-ph-id="ph-page-element-page9-tFbDgu"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page9-AE5Mjn"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page9-9lLI5w"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page9-RMXNz5" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page9-fYN67D"> <div class="information" data-ph-id="ph-page-element-page9-nkh8Wg"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page9-AQSy9r"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page9-bhbiCi"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page9-2o842T"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page9-to9HhO" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page9-FqbD1o"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page9-gthOov"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page9-PtXbUy"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-n6yiYP"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-OQLDbt">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page9-9i4X99"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page9-D95acE"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page9-XsbE1f"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-KxEfON"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-73otqP">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-guLyxg" aria-level="3" key-aria-level="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-tBBtju" instance-id="Vixuy0-6huGzJ" data-ph-id="ph-page-element-page9-UlvSIw"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page9-uAqNd1"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page9-iqXzOL"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-N9Ao1C">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-yYAUAt"></i> <span data-ph-id="ph-page-element-page9-ETURan">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page9-yf2pZO"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page9-dRJow6"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page9-HGMRy4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-LKyFV8">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-OsvcIE"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-vp8t6H">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page9-A1drHD"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-xhDpqr">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-y2vcZk"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-v1CDRu">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page9-MsrUi6"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-UI5v31">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-6jyW4Y"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-l4NqzX"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page9-AbC7IW"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page9-WltwtJ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-zZRUbf">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-OQhjup"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-TOAK5K">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page9-PhKCvh"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-vWcl4z">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-vGaLLr"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-B9kkpD">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-1OU4uX"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-XVz9g9">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-MEgr89"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-Bh965i"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-BYCRiP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-keDWm0">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-GTo72Z"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-lRRDjp"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page9-J1wU08"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-C9NWMD">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-HMLJhd">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-gczJIl"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-fAyAow">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-M9WcXE">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-L8vRJ5">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-z62eOK">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-cCKHXa">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page9-AMUswA"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page9-tmJ52u"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page9-uaaAve"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page9-ZHGg8s"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-Nlhp25"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page9-dgoohq"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page9-62VQW1"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-29xSJN">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-gizgsC"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-BdI3q9">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page9-afoId9"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page9-dn69uO"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-vqm3GE"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page9-46pfQA"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page9-w3s6Ex"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-dUEaLg">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-UDGecq"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-fCewns">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page9-ZDVsIX"> <span class="sr-only" data-ph-id="ph-page-element-page9-57dfVn">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-iLDdwL"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-oN1w8C">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-i8CeCx">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-NP1DoW">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-KCbqYc">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-C8OgCr">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page9-6ipzRT"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-KndlnW">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-0OBqlw"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-k6HzON"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page9-0h6QzK"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page9-JrlR4e"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-9l7kWT">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-HRQysS"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-vtANqA">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page9-OhakEA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-4R7LTW">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-Uyuuv4"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-3Lq9B9">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-VYb0bR"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-HJpGnJ">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-bYEKdX"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-ZXKN4p"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-OkgZCa"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-fL1jH0">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-XuV798"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-o1T8qM"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-hDoPGk"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page9-0RPnDS"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-CDHORF" 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="Vixuy0-0BV9Hn" data-ph-id="ph-page-element-page9-6sFfKU"> <span data-ph-id="ph-page-element-page9-x9KZQ2"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page9-eSu9tJ"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page9-eHhIRK"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page9-LlMHCF"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page9-fWHin8"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-DH4rLV">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page9-1amngV">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page9-XJtXja"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-Q47Me4">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-CwhhC3">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-lI0Jy0">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-W8fhRq">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-iWQhdO">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-qcKU3Y"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page9-yMvcnZ"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-zo28Gb" 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="Vixuy0-eODo3E" data-ph-id="ph-page-element-page9-JCR2Ep"> <span data-ph-id="ph-page-element-page9-OgBKzk"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page9-7tjGsD"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page9-ciBDvS"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page9-qsSjpJ"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <div class="smart-highlights" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page9-VbXrpM"> <div repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page9-ZHSCAj"> <span class="sr-only" data-ph-id="ph-page-element-page9-qsS0el"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page9-Hn1SBE">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page9-NQNqbD">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page9-hD29Vc">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page9-SXIUd5">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page9-73jSlM">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page9-mlHUWb">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page9-OCzGIy"></i> <span data-ph-id="ph-page-element-page9-DEh1e1">${eachJob['smartHighlights'][highLightKey]}</span> </div> </div> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page9-kdpJ7R"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page9-01MwhF"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page9-pZpDil"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page9-zBLC3D"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page9-CFRdzg"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page9-ioJy66"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-g5KcZM"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-cmRNkz">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page9-ack4Uu"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page9-xT9ww8"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page9-fDl6nW"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page9-3QgYqm"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page9-ppr6EC"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page9-wlZqot">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-rPf9CM"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page9-iwnori"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page9-AC3FGJ"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-3Zj49r"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page9-NVlXF7"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-lGfSCU" data-ph-at-id="share-job-button-text" instance-id="Vixuy0-1k095f" data-ph-id="ph-page-element-page9-FrjIzK">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page9-7xN2pF"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page9-LtadUF" view="1622136993703-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1663506330147" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page9-XALAto"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page9-azqV3v"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page9-ZpIG4I"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page9-FL92y4"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page9-P6zUdo" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page9-QGQjuP"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-08t2Sd"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page9-8gVixl"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page9-mPYrI6">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page9-2Bopb4"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-Ll9KSB"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page9-h6NjMS"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page9-QV5c2A">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page9-rPVTO7"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page9-rJOWej"> <span class="sr-only" data-ph-id="ph-page-element-page9-CXXZCB">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-1cS7gg"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page9-qmlWFh"> ${widgetBundle['removeJobText'] | pht} </span> </a> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page9-1W8mUY"> <div if.bind="isJobDeleted" data-ph-id="ph-page-element-page9-QCIxXA"> Job Removed from save jobs </div> </div> </div> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page9-GDNZ6B"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page9-NajUjg"> <div class="modal-dialog" data-ph-id="ph-page-element-page9-TXOVNN"> <div class="popup-content-block" data-ph-id="ph-page-element-page9-FZLDhL"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-F2LM5i" instance-id="Vixuy0-VCXhcy" data-ph-id="ph-page-element-page9-8nJk4E"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-yul2G3"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page9-O6n7v9"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-xHTwwH" key-aria-level="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-m9ZnRB" instance-id="Vixuy0-ob7UmF" data-ph-id="ph-page-element-page9-KfzPWS"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page9-EdX0mx"> <div class="job-location-count" data-ph-id="ph-page-element-page9-5GFuI1"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-GqlAvO"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page9-weNrxv"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page9-xuYPOJ"> <span data-ph-id="ph-page-element-page9-xKo4hw"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page9-USMppF"></i> </span> <span data-ph-id="ph-page-element-page9-ckbMTI"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page9-2CJgC9"> <span class="sr-only" data-ph-id="ph-page-element-page9-i99Hta">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page9-plccD4"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-0rR57L">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-71UuAL">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-C2Khxi">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-EueTXZ">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-YW4pWB"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page9-3cxuVX"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page9-mVIOEQ"> <div class="modal-dialog" data-ph-id="ph-page-element-page9-jRkpPJ"> <div class="popup-content-block" data-ph-id="ph-page-element-page9-tS0xF6"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-SsxGT6" instance-id="Vixuy0-bTTkD1" data-ph-id="ph-page-element-page9-aKNTnK"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-ygM9IU"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page9-YzWyJC"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-xGkS8f" key-aria-level="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-YitPYj" instance-id="Vixuy0-n4YyfV" data-ph-id="ph-page-element-page9-p7bqjJ"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page9-vGlvap"> <div class="job-location-count" data-ph-id="ph-page-element-page9-iRuHWP"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-5yjag3"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page9-WDtf2s"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page9-gKQR1e"> <span data-ph-id="ph-page-element-page9-GwikE0"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page9-IivQp0"></i> </span> <span data-ph-id="ph-page-element-page9-fXhjyl"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page9-sAHDIb"> <div aria-atomic="true" aria-live="assertive" instance-id="t1yWVk" data-ph-id="ph-page-element-page9-Ybmoiz"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-dFe7so" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-jG7hcm" data-ph-at-id="seemore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-pokqF8" instance-id="t1yWVk-RqL05H" data-ph-id="ph-page-element-page9-n7fLe4"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page9-2JfM0Q"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-xCzjNw"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-6Kw0l5" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-g7IE1u" data-ph-at-id="seeless-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-lVyyku" instance-id="t1yWVk-izqulZ" data-ph-id="ph-page-element-page9-LaoJFo"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page9-grYmKB"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-V7nJUY"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-sR2umv" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-0n1HI8" data-ph-at-id="seenext-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-WqzTgK" instance-id="t1yWVk-7LqrQs" data-ph-id="ph-page-element-page9-N0JzJg"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page9-i4IbAY"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-zVNBFL"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-PMXyeE" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-Ssrqrd" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-dOepZn" instance-id="t1yWVk-F8Xxux" data-ph-id="ph-page-element-page9-0QWY7P"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page9-jZjidx"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-I18mA5"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page9-Y6YhYz"> <p data-ph-id="ph-page-element-page9-QXKWaZ"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-tOfi4Z-ADtcAl" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page9-5jxVWk"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-view9-1663493277164"><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-page-element-page9-8MOYZk"></div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="ph-category-overview-v3-view9-2MB4Jy-kaJwHl" aria-label="Explore your future" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-gOPgsV" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-page-element-page9-g3nIPT"> <div class="widget-container" data-ph-id="ph-page-element-page9-Kear43"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-tEf5Pm"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page9-blBgwp"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-5uqXuY" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page9-HS67F1">Explore your future</ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page9-ahbLjp"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-FP6C5f" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page9-F2nX1E">We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level.</ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page9-0WU3co"> <div class="${mode}" data-ph-id="ph-page-element-page9-YEXa9w"> <div ph-role="data.bind:categoryViewModel" class="row category-column-${cardsPerRow} category-list-view" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" if.bind="((mode == 'slider') && currSlideData.length) || ((mode != 'slider') && categoryViewModel.length)" data-ph-id="ph-page-element-page9-VN48VG"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-page-element-page9-kMgHC5"> <a 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 + ' ' + widgetBundle[category.total_count !== 1 ? 'categoryCountPlural' : 'categoryCountSingler']}" data-ph-id="ph-page-element-page9-A3LapN"> <div class="category-info" role="text" data-ph-id="ph-page-element-page9-fTyMLA"> <div class="title" title.bind="category.key" data-ph-id="ph-page-element-page9-kMGZQW">${category.key}</div> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-page-element-page9-E4J1lp"> <span data-ph-id="ph-page-element-page9-7F7uIC">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-KwcH0D"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-page-element-page9-JAHwzy"> <span data-ph-id="ph-page-element-page9-AoGx1h">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-U2j5Cz"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-page-element-page9-x4pC23"> <span data-ph-id="ph-page-element-page9-kUlEeu">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-bUaADK"> ${widgetBundle['categoryCountSingler'] | pht} </span> </p> </div> </a> </div> <div if.bind="mode != 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-page-element-page9-khi79i"> <a 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}" data-access-list-item="${$index}" aria-label="${category.key +' '+ category.total_count + ' ' + widgetBundle[category.total_count !== 1 ? 'categoryCountPlural' : 'categoryCountSingler']}" data-ph-id="ph-page-element-page9-UdCwZt"> <div class="category-info" role="text" data-ph-id="ph-page-element-page9-12uXim"> <div class="title" title.bind="category.key" data-ph-id="ph-page-element-page9-XpNht2">${category.key}</div> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-page-element-page9-gyWWy8"> <span data-ph-id="ph-page-element-page9-uyKEJ5">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-KcFdNY"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-page-element-page9-H6LWE1"> <span data-ph-id="ph-page-element-page9-AK6NWQ">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-0hRa3c"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-page-element-page9-5OQxyz"> <span data-ph-id="ph-page-element-page9-rDDvo7">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-page-element-page9-uBqR2F"> ${widgetBundle['categoryCountSingler'] | pht} </span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-page-element-page9-7yY6tB"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="ph-category-overview-v3-view9-2MB4Jy-Dv09H7" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-wvCOBj" key-role="ph-category-overview-v3-view9-2MB4Jy-YYhWHm" data-ph-at-id="seemore-link" data-ph-id="ph-page-element-page9-WsAODP"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-PmZ4wo" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page9-f4ux78">Show More</ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="ph-category-overview-v3-view9-2MB4Jy-nnZJqe" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-i8jRbV" key-role="ph-category-overview-v3-view9-2MB4Jy-6QIR3x" data-ph-at-id="viewnext-link" data-ph-id="ph-page-element-page9-BmnfMd"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-q1nW0L" data-ph-at-id="viewnext-text" data-ph-id="ph-page-element-page9-fiUvnS">View Next</ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="ph-category-overview-v3-view9-2MB4Jy-YSmAsz" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-q9e2Sy" key-role="ph-category-overview-v3-view9-2MB4Jy-EPVbG1" data-ph-at-id="viewall-link" data-ph-id="ph-page-element-page9-OnteQ3"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-kmRObm" data-ph-at-id="viewall-text" data-ph-id="ph-page-element-page9-HdDkPr">View All</ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="ph-category-overview-v3-view9-2MB4Jy-J1XafI" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-hWvhvZ" key-role="ph-category-overview-v3-view9-2MB4Jy-lTQoT1" data-ph-at-id="seeless-link" data-ph-id="ph-page-element-page9-s8EdAB"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-e0bUlp" data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page9-ElUw8U">Show Less</ppc-content> </a> </div> <!--show slider actions when mode is slider and mode option loop is true--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-page-element-page9-lOoD1l"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="View Previous Slide" key-title="ph-category-overview-v3-view9-2MB4Jy-EEYxKC" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-WHTejt" key-role="ph-category-overview-v3-view9-2MB4Jy-FYs3X2" data-ph-at-id="sliderprevious-link" data-ph-id="ph-page-element-page9-7g2R8a"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-page-element-page9-t9Tohe"></i> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-fFGCvz" data-ph-at-id="sliderprevious-text" data-ph-id="ph-page-element-page9-NYdB6c"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="View Next Slide" key-title="ph-category-overview-v3-view9-2MB4Jy-kU1SPI" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-izVYsR" key-role="ph-category-overview-v3-view9-2MB4Jy-gh6OIT" data-ph-at-id="slidernext-link" data-ph-id="ph-page-element-page9-8xMN5N"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-DKY3i6" data-ph-at-id="slidernext-text" data-ph-id="ph-page-element-page9-CulFqQ"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-page-element-page9-tdzmNL"></i> </a> <div class="slider-indicators" data-ph-id="ph-page-element-page9-UsCxUW"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-page-element-page9-ekMCdr"> </a> </div> </div> <!--show slider actions when mode is slider and mode option loop is false--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-page-element-page9-TcrJrJ"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="View Previous Slide" key-title="ph-category-overview-v3-view9-2MB4Jy-leUkz8" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-IP8zxO" key-role="ph-category-overview-v3-view9-2MB4Jy-WhO97d" data-ph-at-id="sliderprevious-link" data-ph-id="ph-page-element-page9-wFxelG"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-page-element-page9-xIZQZV"></i> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-7O5oWI" data-ph-at-id="sliderprevious-text" data-ph-id="ph-page-element-page9-wtGxL1"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="View Next Slide" key-title="ph-category-overview-v3-view9-2MB4Jy-IljNy8" key-aria-label="ph-category-overview-v3-view9-2MB4Jy-7Qzo6y" key-role="ph-category-overview-v3-view9-2MB4Jy-rrTlPO" data-ph-at-id="slidernext-link" data-ph-id="ph-page-element-page9-19rYXK"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-4MwfKY" data-ph-at-id="slidernext-text" data-ph-id="ph-page-element-page9-igEqTZ"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-page-element-page9-JV30tn"></i> </a> <div class="slider-indicators" data-ph-id="ph-page-element-page9-fFLq6q"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-page-element-page9-6VXJad"> </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-page9-JndQA1"> <p data-ph-id="ph-page-element-page9-XM6WBU"> <ppc-content key="ph-category-overview-v3-view9-2MB4Jy-tAO7ur" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page9-5xf2HC">No Categories.</ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1663506330289"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page9-6oWgGY"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page9-xjgpHU"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page9-uajj27"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-hF7viQ" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-9x4et7" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page9-MTpGeg"> <ppc-content key="ph-social-share-v3-default-6ty93l-SVRwzF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page9-3qToMl"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page9-uotSbS"> <ppc-content key="ph-social-share-v3-default-6ty93l-v7EmHq" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page9-lHH0Sa">We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level.</ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page9-ZevxiQ"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page9-jsx6vc"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page9-s7wyOl"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page9-Yih0yJ"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page9-w9Mi77"></i> <span class="sr-only" data-ph-id="ph-page-element-page9-TGwXnI"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page9-KrkokS">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page9-LxRKaT" view="1663506330132-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1663506330132-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page9-AYl78F"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page9-xWkIff"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page9-c8oLVS"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page9-McrqQA"> <div class="head-wrapper" data-ph-id="ph-page-element-page9-pSAWv2"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page9-j41iLb"> <ppc-content key="ph-social-share-v3-default-6ty93l-4VuDDR" data-ph-id="ph-page-element-page9-uzUQIl">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-bUACaT" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page9-LxACYw"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page9-RUWiB0"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page9-Xc24qG"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page9-UisZWP"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page9-SdFK1d"> <ppc-content key="ph-social-share-v3-default-6ty93l-99CvHJ" data-ph-id="ph-page-element-page9-UUnSjT">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page9-2UBya3"><ppc-content key="ph-social-share-v3-default-6ty93l-R3El4t" data-ph-id="ph-page-element-page9-qK6Tu3">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page9-4dcOyo" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page9-i3dOEo"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page9-49gmdo"><ppc-content key="ph-social-share-v3-default-6ty93l-0geB2w" data-ph-id="ph-page-element-page9-5f3Dvc">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page9-RO4Jr7"><ppc-content key="ph-social-share-v3-default-6ty93l-GzxGWb" data-ph-id="ph-page-element-page9-KAAXxx">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recently-viewed-jobs-v3-default-1622922731390"><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page9-mgvQB0"></div> <div class="phs-widget-block-area ph-widget-box" show.bind="!showLoader && jobResults.length" role="region" aria-label="Recently Viewed Jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-9l3LqQ" data-ph-id="ph-page-element-page9-LqsBjd"> <div class="widget-container" data-ph-id="ph-page-element-page9-2S4ldE"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-w0P1lJ"> <h2 data-ph-id="ph-page-element-page9-5YrnvG"> <ppc-content key="ph-recently-viewed-jobs-v3-default-T0QkMq-evMzj4" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page9-PUxz7t">Recently Viewed Jobs</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page9-VvT3xl"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page9-OxWkRa"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page9-sAPZer"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="xDn6IT" data-ph-id="ph-page-element-page9-DajZ9D"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page9-i8VmIn"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page9-A9Ak4E"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page9-7gv7Z8" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page9-sRDE54"> <div class="information" data-ph-id="ph-page-element-page9-30HlC6"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page9-GNkRMJ"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page9-qTnXL9"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page9-O8BowH"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page9-DGSPJU" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page9-YF7KrM"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page9-Hu3HoX"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page9-pLslPl"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-muSK1o"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-M7IJSU">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page9-Bx25qp"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page9-80mY5i"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page9-BuW2PE"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-6qoBTR"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-eYss06">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-V9EX8y" aria-level="3" key-aria-level="ph-recently-viewed-jobs-v3-default-T0QkMq-KWGza6" instance-id="xDn6IT-8Ao9aJ" data-ph-id="ph-page-element-page9-YITxvk"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page9-Gn3q50"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page9-F9yeYe"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-cqAR1n">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-vU3afq"></i> <span data-ph-id="ph-page-element-page9-IRkFv1">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page9-8zGNAW"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page9-ACRumQ"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page9-JG6DKa"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-SgKMbp">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-Aqb8td"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-XNRuIP">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page9-7VSwNZ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-1KOjkB">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-Hr7fZ8"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-bxhda5">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page9-bDWnUi"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-CcYnRY">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-v8kYpm"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-eHwooS"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page9-4YobkO"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page9-iX6XWP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-KR7nTA">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-lcQK8v"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-IDaog7">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page9-6J9q4Q"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-V7wQ26">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-DpEud6"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-yA124j">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-7wSHxP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-YEpInc">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-gD35N5"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-cfzJd1"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-OKOe9s"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-argpaO">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-aNZawW"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-BXPJdq"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page9-Lu3bWi"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-qYEtF7">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-qOSkGB">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-RYycAw"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-PhSsLZ">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-0tPpe9">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-dHMBoz">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-uXPruo">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-WrpsiK">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page9-JMJxOb"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page9-Zmszfh"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page9-ICm2ZC"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page9-NDpsZY"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-nNjJfD"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page9-keUIAh"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page9-7Ihci2"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-ZqwoC9">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-QpHizQ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-FaeC1G">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page9-h4vqpT"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page9-ICi4PF"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-Y46XEh"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page9-dwgRbh"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page9-Xe1Q7z"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-yftOJn">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-wdGTFa"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-FHqlFL">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page9-fhjRrp"> <span class="sr-only" data-ph-id="ph-page-element-page9-X7d3to">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-RMvsQh"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-nEphyv">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-HOlIs7">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-wIkYK5">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-rLdckk">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-kfu6Fl">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page9-hV9E6l"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-YtsXwM">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-NSuQkO"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-YuQNI8"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page9-5JPZIq"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page9-OWoVPc"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-9qeliy">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-wkXusR"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-90R0Gr">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page9-NvUVfB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-akXZcm">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-pyli8I"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-4RZUcv">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-c3wEXr"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-lXvVzs">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-u3c6Is"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-JC5qsU"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-8ZVkbl"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-B4a2UR">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-TnI596"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page9-N5Z3zY"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-ZXORac"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page9-2eOZo2"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-MSG9xK" 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="xDn6IT-Z14O26" data-ph-id="ph-page-element-page9-vf3MqR"> <span data-ph-id="ph-page-element-page9-Zeeh1q"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page9-Tzg3u7"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page9-ZuHu7v"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page9-wZQAVZ"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page9-BDTTNY"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page9-c8Yj2x">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page9-KQxnm7">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page9-CYgiy6"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-XuVyYJ">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-402kOt">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-5LIlE8">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-Rs4rCH">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-THQs52">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page9-gGqiBC"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page9-znR3a0"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-RECoBB" 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="xDn6IT-jl8BQn" data-ph-id="ph-page-element-page9-ZjeJuH"> <span data-ph-id="ph-page-element-page9-1izMh0"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page9-ZwVrEz"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page9-oBdvRG"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page9-cXrH3M"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page9-HKnHaw"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page9-29jd4N"> <span data-ph-id="ph-page-element-page9-x4OrNj"> <span class="sr-only" data-ph-id="ph-page-element-page9-y26szB"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page9-sdyfoZ">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page9-e8gDET">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page9-b1hgvL">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page9-hogB9D">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page9-u9fvHa">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page9-IP0jAj">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page9-YXC6CZ"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page9-RlFx9p"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page9-D5saHs"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page9-M00JQq"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page9-nfPSGJ"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page9-Uy8gCx"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page9-clMvG3"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-DcF7xN"></i> <span class="tag-label" data-ph-id="ph-page-element-page9-DpM7jw">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page9-TK1rtE"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page9-wfcg9y"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page9-mNr4DV"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page9-iGMfVG"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page9-deowcw"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page9-hV5Nn5">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-HQoPW1"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page9-SGXrkJ"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page9-15iYpF"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-Qa1RDO"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page9-RMD8Im"> <ppc-content key="ph-recently-viewed-jobs-v3-default-T0QkMq-AGIaKk" data-ph-at-id="share-job-button-text" instance-id="xDn6IT-28rViu" data-ph-id="ph-page-element-page9-G6R9Wj">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page9-KMR3F4"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page9-qyBgLL" view="1622922731369-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1663506330289" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page9-MwY36K"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page9-bjZKFV"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page9-RtJlEK"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page9-sOIHF9"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page9-MbHuxd" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page9-DPk42D"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-UNZO0x"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page9-FeaFm6"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page9-OjCF20">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page9-g4vkhs"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-AWp2P7"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page9-IdxGyR"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page9-49EvDV">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page9-ObHBbA"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page9-V9ZH5P"> <span class="sr-only" data-ph-id="ph-page-element-page9-tBFs6A">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page9-yP8AVd"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page9-9RfDsx"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page9-21rNTS"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page9-scOoTr"> <div class="modal-dialog" data-ph-id="ph-page-element-page9-JQKipR"> <div class="popup-content-block" data-ph-id="ph-page-element-page9-bisBbQ"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-mZWR7B" instance-id="xDn6IT-4ds8nv" data-ph-id="ph-page-element-page9-HVHOB9"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-yCDEXe"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page9-fcaAnp"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-x6Vnse" key-aria-level="ph-recently-viewed-jobs-v3-default-T0QkMq-jMZ9jp" instance-id="xDn6IT-HpfPhz" data-ph-id="ph-page-element-page9-STVf1d"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page9-QeNauQ"> <div class="job-location-count" data-ph-id="ph-page-element-page9-gWZVtu"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-s7YHyJ"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page9-fXXNL3"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page9-RBUSy5"> <span data-ph-id="ph-page-element-page9-caZWdF"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page9-B1RuZO"></i> </span> <span data-ph-id="ph-page-element-page9-KFmpik"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page9-6woSoQ"> <span class="sr-only" data-ph-id="ph-page-element-page9-PcARJJ">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page9-SE32Wq"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page9-L9jG42">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page9-y4mGvc">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page9-35Ms8D">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page9-0ZdSxS">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page9-YkeTiV"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page9-kr5Lea"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page9-D4HEOQ"> <div class="modal-dialog" data-ph-id="ph-page-element-page9-HN2wwh"> <div class="popup-content-block" data-ph-id="ph-page-element-page9-2CIPHx"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-EDORju" instance-id="xDn6IT-8IFr9y" data-ph-id="ph-page-element-page9-Nnnmde"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-qttwsR"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page9-G9Vas4"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-6e7t9Q" key-aria-level="ph-recently-viewed-jobs-v3-default-T0QkMq-3NNP1L" instance-id="xDn6IT-qwxRxM" data-ph-id="ph-page-element-page9-mKYQxS"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page9-uxn9O8"> <div class="job-location-count" data-ph-id="ph-page-element-page9-Uu0oek"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-9xsjto"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page9-oqVoyW"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page9-FEydGO"> <span data-ph-id="ph-page-element-page9-LKrs6G"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page9-Twh8xw"></i> </span> <span data-ph-id="ph-page-element-page9-3OEWrV"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page9-MMJ3Y8"> <div aria-atomic="true" aria-live="assertive" instance-id="qC31Ny" data-ph-id="ph-page-element-page9-p7ZdVh"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-t5TIil" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-recently-viewed-jobs-v3-default-T0QkMq-VeTr0F" data-ph-at-id="seemore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-JZhBnP" instance-id="qC31Ny-17Rd7r" data-ph-id="ph-page-element-page9-ZNtGE1"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page9-CXrazK"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-CcK93r"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-sJq09p" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recently-viewed-jobs-v3-default-T0QkMq-qEid2P" data-ph-at-id="seeless-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-UYXBiV" instance-id="qC31Ny-eToVwC" data-ph-id="ph-page-element-page9-qkuMnY"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page9-Gi6GiV"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-2H29I9"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-EDV4Pv" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-recently-viewed-jobs-v3-default-T0QkMq-U4idu6" data-ph-at-id="seenext-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-KxhSho" instance-id="qC31Ny-hM0tte" data-ph-id="ph-page-element-page9-Coq6MT"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page9-89hOWK"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-dis08p"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-T0QkMq-S4bsJ7" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-recently-viewed-jobs-v3-default-T0QkMq-Ypmj6q" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-T0QkMq-RG8vLy" instance-id="qC31Ny-yX0DmL" data-ph-id="ph-page-element-page9-2ApnrB"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page9-L04bjZ"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page9-ffE7Ao"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page9-dJ3VvX"> <p data-ph-id="ph-page-element-page9-SOqtqg"> <ppc-content key="ph-recently-viewed-jobs-v3-default-T0QkMq-dMVcsi" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page9-Mc0Hwf"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-location-map-v1-1663502911938-default"><div class="phs-widget-block-area" data-ph-id="ph-page-element-page9-WpucA9"> <button class="btn primary-button ph-a11y-map-button" if.bind="isPopup" click.delegate="toggleMap()" data-ph-id="ph-page-element-page9-rDCAk2"><i class="icon ${widgetBundle['locIconText']}" data-ph-id="ph-page-element-page9-UlSkUd"></i><span data-ph-id="ph-page-element-page9-sVMCmT">${widgetBundle['locBtnText']}</span></button> <div class="widget-container ph-ally-map-box ${(isPopup==true)?'dialog-block':''}" show.bind="(showMap && isPopup) || !isPopup" data-ph-id="ph-page-element-page9-3CBjjA"> <div class="content-block" if.bind="mapData.multi_location && !showErrorMsg && !isIEBrowser" data-ph-id="ph-page-element-page9-0FjaRE"> <a class="close ph-a11y-close-btn" href="javascript:void(0)" if.bind="isPopup" click.delegate="closeLocationDialog()" tabindex="0" role="button" data-ph-id="ph-page-element-page9-U2k4P7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-N1wJ68"></i> <span class="sr-only" key="ph-location-map-v1-default-90fdqw-0KCL9f" data-ph-id="ph-page-element-page9-ZDVBrJ"> Close the popup </span> </a> <div class="hide" id="ph-pin-info-window" data-ph-id="ph-page-element-page9-8EQNTL"> <div class="info-box" data-ph-id="ph-page-element-page9-ZD7z4z"> <div tkey="pinInfoAddressLine1" tkeys="1" data-ph-id="ph-page-element-page9-RHQdCn"> </div> <div tkey="pinInfoAddressLine2" tkeys="1" data-ph-id="ph-page-element-page9-uxJDjn"> </div> <div tkey="pinInfoAddressLine3" tkeys="1" data-ph-id="ph-page-element-page9-0dtDQA"> </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page9-SrC7r3"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-ou03Wx"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page9-Twir3e"> <ppc-content key="ph-location-map-v1-default-90fdqw-Me6Ku2" data-ph-at-id="title-text" data-ph-id="ph-page-element-page9-HjvKNP"> Our Locations </ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page9-6bgxuR"> <ppc-content key="ph-location-map-v1-default-90fdqw-gHiBv1" data-ph-at-id="sub-title-text" data-ph-id="ph-page-element-page9-GYp0WB"> 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 id="geocoder" class="geo-coder" if.bind="mapboxGeoSearch" data-ph-id="ph-page-element-page9-XdZpPP"></div> <div id="map" class="location-map-area" data-ph-id="ph-page-element-page9-ZJr3xg"></div> </div> </div> <div class="content-block" if.bind="searchArray.length && !showErrorMsg && !isIEBrowser" data-ph-id="ph-page-element-page9-1gK1Gi"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page9-MKnvjU"> <h2 if.bind="!hideTitle" data-ph-id="ph-page-element-page9-qoyWxi"> <ppc-content key="ph-location-map-v1-default-90fdqw-Fckv1B" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page9-3lakf0">We鈥檙e nearby</ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page9-rjeQ51"> <ppc-content key="ph-location-map-v1-default-90fdqw-HoeEo3" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page9-5tHcRi">Explore job opportunities in your community</ppc-content> </p> </div> <div class="hide" style="display:none;" id="ph-pin-info-window" data-ph-id="ph-page-element-page9-3TeDfG"> <div class="infoBlock" data-ph-id="ph-page-element-page9-286ZyW"> <div class="info-details" data-ph-id="ph-page-element-page9-3chlsf"> <h5 tkey="pinInfoTitle" tkeys="1" class="infoTitle" data-ph-id="ph-page-element-page9-wffpFX"> View {{location}} has {{count}} opportunities </h5> <div tkey="pinInfoState" tkeys="1" class="infoState" data-ph-id="ph-page-element-page9-e3tHjQ"> </div> </div> <div class="job-link" data-ph-id="ph-page-element-page9-w7SpU7"> <a tkey-href="pinLink" tkey="pinkLinkText" tkeys="1" class="phs-location-link" data-ph-id="ph-page-element-page9-lq0KDw"> </a> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page9-DMAeIW"></i> </div> </div> </div> <div class="hide" style="display:none;" id="ph-cluster-info-window" data-ph-id="ph-page-element-page9-wkVDYh"> </div> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page9-aJFzMd"></div> <div class="phs-location-overview-map-area ph-widget-box" show.bind="!showLoader && !showErrorMsg" data-ph-id="ph-page-element-page9-zMRN6D"> <div class="inputArea ph-a11y-dropdown-box" if.bind="!mapboxGeoSearch" aria-owns="location-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-page9-xTBBSV"> <label class="sr-only" for="location-selector" data-ph-id="ph-page-element-page9-KcAJYK"> ${widgetBundle['locationTitleText'] | pht} </label> <input class="form-control locations" type="text" name="location-listbox" id="location-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="location-listbox" value.bind="filterKey" focus.trigger="fetchJobLocations()" title.bind="widgetBundle['locationTitleText'] | pht" placeholder.bind="widgetBundle['searchPlaceHolderText'] | pht" key-role="ph-location-map-v1-default-90fdqw-YrInhP" data-ph-id="ph-page-element-page9-VUOage"> <span class="icon icon-search form-control-feedback keyword-icon" aria-hidden="true" show.bind="!filterKey" data-ph-id="ph-page-element-page9-XxvjvI"></span> <!--<a style="cursor: pointer;" click.delegate="resetCluster()">Clear</a>--> <button class="form-control-feedback phs-keysearch-clear location-clear-icon" data-ph-at-id="clear-locationsearch-link" click.delegate="resetCluster()" show.bind="filterKey" data-ph-id="ph-page-element-page9-rgVT8e"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page9-nvV5uR"></i> <span class="sr-only" data-ph-id="ph-page-element-page9-Pf97N3"> <ppc-content key="ph-location-map-v1-default-90fdqw-aYfXgQ" data-ph-at-id="clear-eventsearch-text" data-ph-id="ph-page-element-page9-aOOaLd"> clear text </ppc-content> </span> </button> <ul show.bind="showLocationDropdown" id="location-listbox" role="listbox" aria-labelledby="location-listbox" tabindex="-1" aria-expanded="${showLocationDropdown ? 'true' : 'false'}" class="on-focus ph-location-list" data-ph-id="ph-page-element-page9-OqWWK6"> <li class="ph-a11y-dropdown-list-item" repeat.for="loc of mapData|searchFilter:filterKey:'key'" role="option" data-ph-id="ph-page-element-page9-Res4pj"> <a style="cursor: pointer;" tabindex="-1" href="javascript:void(0);" click.delegate="gotoMarker(loc)" focus.trigger="fetchJobLocations(true)" blur.trigger="blurHandler($event, true)" data-ph-id="ph-page-element-page9-WC31Af"> <div class="icon-block" data-ph-id="ph-page-element-page9-9zBQA0"> <i class="icon icon-map-pin" aria-hidden="true" data-ph-id="ph-page-element-page9-BRRQm7"></i> </div> <div class="location-data" data-ph-id="ph-page-element-page9-XNKrw6"> ${(loc.key || '').trim()} </div> </a> </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page9-acHrYQ"> <div class="sr-only" show.bind="mapData.length" data-ph-id="ph-page-element-page9-NwTazR"> ${mapData.length} suggestions available, navigate to the list to select suggestion. </div> <div class="location-no-data" show.bind="!mapData.length" data-ph-id="ph-page-element-page9-nGyake"> No Result Found </div> </div> </input></div> <div id="geocoder" class="geo-coder" if.bind="mapboxGeoSearch" data-ph-id="ph-page-element-page9-4T8GL0"></div> <div id="map" class="map" data-ph-id="ph-page-element-page9-yHlZtV"></div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg || isIEBrowser" data-ph-id="ph-page-element-page9-2lDkrx"> <div class="ie-support-text ${isIEBrowser ? 'inIE' : 'hide' }" show.bind="isIEBrowser" key="ph-location-map-v1-default-90fdqw-PQErRf" data-ph-id="ph-page-element-page9-j7nNlc">This feature is not supported on internet explorer, please use a modern browser</div> <div tabindex="0" class="no-locations" if.bind="!isIEBrowser" data-ph-id="ph-page-element-page9-N5UeGp"> <ppc-content key="ph-location-map-v1-default-90fdqw-ADYpVu" data-ph-id="ph-page-element-page9-CaaFBw"> No locations found </ppc-content> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-location-overview-map-v2-default-1663502911953"><section class="ph-widget" instance-id="90fdqw" data-ph-id="ph-page-element-page9-j97QPw" view="1663502911938-default" original-view="default" theme="default"> <div class="ph-location-map-v1-default-default ph-widget-box ph-widget-target" role="region" aria-label="maps" search-result-mode.bind="searchResultMode" hide-location-popup.bind="hideLocationPopup" as-element="ph-location-map-v1" data-widget="ph-location-map-v1" if.bind="locations && assetUrls" map-data.bind="locations" asset-urls.bind="assetUrls" instance-id="90fdqw" view="1663502911938-default" original-view="default" data-ph-id="ph-page-element-page9-z135V7"></div> </section></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1697110811906"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader && !userConsentPopup" class="show-loader" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-YeJWko"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-EELRcD"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Li33uD"></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-default-1663735659023-ph-find-your-fit-container-v1WInL32-vLn1Oa"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-DmjTKJ"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-4NjXbR"> <div class="widget-container" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-4K8u2r"> <div class="upload-resume-tile-container" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-5qo6ox"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-nGinRh"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-7CrHAj"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-preLoginHeadingVisitorText" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-gYUHEW">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-6XiexH"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-preLoginHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MGcTNj">Get tailored job recommendations based on your interests.</ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ir2zst"> <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="WInL32-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel1" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-VgNWLL"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-preLoginActionButtonText" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-EtAH3z"> 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-default-1663735659023-ph-find-your-fit-container-v1WInL32-gAVpcq"> <div class="widget-container" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-g8x1S2"> <div class="post-login-resume-tile-container" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-o9kIey"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-yI6OCP"> <div class="user-profile-icon fs-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-o63EmB"> <span class="user-name-prefix" if.bind="!((preferredName && profileData.preferredName) || profileData.firstName)" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-FCGRbt"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-I4SVd2"></i> </span> <span class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-rhmTHC"> <span key="WInL32-ph-find-your-fit-container-v1-default-profileIconScreenText" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-4bfLNY"> profile icon </span> ${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) || ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="preferredName && profileData.preferredName || profileData.firstName" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-BaktYk"> ${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) + profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-45152l"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="(preferredName && profileData.preferredName) || profileData.firstName" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-YOWIUN"> <span class="recom-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-hNDkuT">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName": preferredName && profileData.preferredName || profileData.firstName}}</span> </div> <h2 class="user-profile-info phs-heading ph-a11y-after-close-focus-elem" tabindex="-1" if.bind="isProfileJobsAvailable != undefined" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-yu82LO"> <span class="recom-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-3nmDfQ"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="WInL32-ph-find-your-fit-container-v1-default-postLoginProfileHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-QKufVb">Your personalized site and job recommendations are ready.</ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && !isCandidateHomeEnabled" key="WInL32-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-PorHk4"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && isCandidateHomeEnabled && isProfileDataExists" key="WInL32-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-uB03JE"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && !isProfileJobsAvailable && !isProfileDataExists" key="WInL32-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading3" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ANlynW"> Currently we don鈥檛 have enough information to provide personalized job recommendations. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && (isActiveSession && isAnonymous)" key="WInL32-ph-find-your-fit-container-v1-default-postLoginSignUpText" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Yl81LZ"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MIzXEs">Sign up</a> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-57fbSj"> to save your personalized experience </span> </ppc-content> </span> </h2> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && flowType == 'upload_resume'" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-zziyar"> <div class="action-area-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-uHaFse"> <button class="edit-resume upload-action-btn ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-editUploadOptionAriaLabel1" data-ph-at-id="edit-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ZDgA2G"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation " data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-U2HY9D"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-StFp3H"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-yRAYWa"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-SuYUVy"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Dy1HSe"> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-VnKsNH">${profileData.resumeName && (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName && ('.'+profileData.resumeName.split('.').pop())} </span> <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-vXw9by"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-4sZ6RG"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-4K6wn9"> <ul data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-TcrxHG"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-V8wah5"> <button class="completeInfo-btn" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-" click.delegate="openContactDetailsPopup()" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-5rfSgu"> <span class="button-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-HAqYMr"> <span class="error-icon action-icon" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-HTc4LS"><i class="icon icon-error" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-2wYvn5"></i></span><ppc-content key="WInL32-ph-find-your-fit-container-v1-default-completeInformationButtonText" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Nr5WP2">Complete resume info</ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-LN2rcc"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-d3kClL"> <span class="action-icon" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-SDn72C"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-eABVRH"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-RnnpFb"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-p2gIuB"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-U17ktm" view="1697110811171-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="1697110811171-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-default-1663735659023-ph-find-your-fit-container-v1WInL32-vPtPKs"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-2FhyEi"> <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-IXE8we"> <span class="action-icon" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-J0QYtJ"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-KEol0w"></i> </span> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Ig52t0"> Use new resume </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-v3ce6y"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-aYAbkw"> <span class="action-icon" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-THVXTl"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-6kFXrQ"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MHAADA"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-xSPzkA"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ayLVb9"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-9pBRlL"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-xbPjMo"> ${socialProvider} </span> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-z4HaMV"> 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="WInL32-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-mWQMFa"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-udCU8R">Log out </ppc-content> </a> </div> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && (flowType == 'find_your_fit' || (isAnonymous && flowType == 'candidateProfile'))" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-eEgokJ"> <div class="action-area-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MrAfL6"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-EWHywU"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-profileUpdationEditText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-saa4EI">Edit profile</ppc-content> </button> <div class="reset-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-iEwwye"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin && !isSiteLogin" aria-label="reset find your fit profile" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-profileUpdateResetAriaLabel" data-ph-at-id="edit-profile-dropdown-reset-link" ph-tevent="reset_personalization_click" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-JUpbvF"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-6gW59O"></i> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-js3iIc"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-profileUpdateResetLinkText" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-aNzpoF"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-YWT42a"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-7tEJzm"> <span class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-dWb0if">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-BnCfXd"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-TnE8ow"> ${socialProvider} </span> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-D0d2Js"> 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="WInL32-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-KjvR2L"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Q0dXja">Log out </ppc-content> </a> </div> </div> </div> </div> <div class="action-area action-btn ph-a11y-action-btn" if.bind="!((isActiveSession && isAnonymous) || !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Vk0Ohf"> <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="WInL32-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MWHLH7"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-preLoginActionButtonText" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-wfKtHd"> Get Started</ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous && flowType == 'candidateProfile'" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-yy1u4G"> <div class="action-area-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-dCgupM"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-xe1vew"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-profileUpdationEditProfileText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-nH6pQ1">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-default-1663735659023-ph-find-your-fit-container-v1WInL32-YR1X3V"> <div class="widget-container" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-8J2aPK"> <div class="inner-content" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-n9I0UV"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-go7IUw"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-flowChoosingHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-mFm67K">Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-L80xML"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-flowChoosingHeadingSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-gvObKy">Either use your resume or tell us a little about yourself</ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-z5AOLz"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-nM6jQ6"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ZRllmX"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-9oW8iQ">Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-gwJ3nY"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-6yKGVb">or</ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" aria-hidden="${(resumeInfoPopup || userConsentPopup) ? 'true' : false}" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ejhQo8"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-NGPCcc" view="1697110811172-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-1697110916417" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-GsKs7b"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-DzECuP"> <p class="or-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-fE4kra"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-vwuT30">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-default-1663735659023-ph-find-your-fit-container-v1WInL32-DZj4PG"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-1da48g">Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-my7Hq7"> <label class="input-checkbox-label" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-zaN85A"> <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="WInL32-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-x8adcD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-li496l"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Bxco75"></span> <span class="checkbox-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-3uJlaI"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Jp9sjY">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="WInL32-ph-find-your-fit-container-v1-default-ChooseSectionCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Yaf0oi"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-vnwH1R"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-e9VJvH"> <span if.bind="chooseSteps" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-jgE6ib"> Choose your path </span> </span> <div class="popup-modal-backdrop active email-validation-wrapper phcriticalhide" show.bind="isEmailValidationEnabled && !isVerifiedUser && isShowEmailValidationPopup" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ZOJKfY"> <div class="modal fade in show modal-dialog ph-a11y-modal-email-validation-area email-validation-popup" role="dialog" aria-modal="true" aria-labelledby="modal-heading-id" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-WIniPx"> <button class="close-popup close" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-closePopup" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-poi9nW"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-5slXZ9"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="modal-heading-id" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-f1H07v"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-SyYvb6"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-cH4xWS">${profileData.email}</span>${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-KrreZa"> ${tokenExpiryTimeText}.</span></div> <span class="email-send-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-paAZvL">${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-bxb2GG"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-fyf-email-sent-failed" tabindex="-1" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Thlxah"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-BfmN7L"></i> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-neN5Yg">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-kGArYs"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-sYfeBr"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-AixMso"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-X6iDb5"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-elp9oA"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-YE4AoS"></i> </button> </div> <div class="modal-body" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-k4eVwa"> <h2 class="heading-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-E60Wzu"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="WInL32-ph-find-your-fit-container-v1-default-unsaved-popup-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-6sRacA">RESUME UPLOADED!</ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-uWMqyJ"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="WInL32-ph-find-your-fit-container-v1-default-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-LPN3IS"> 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 && piiConsentData.length)" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-dCjtHE"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-iGXoqr"> <label class="input-checkbox-label" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-DcjSLj"> <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="WInL32-ph-find-your-fit-container-v1-default-termsAriaLabel" aria-required="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-fvWNNi"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-TmEK0p"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-9hWF9j"></span> <span class="checkbox-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-YsNluJ"> <ppc-content class="cd-terms-policy-block" key="WInL32-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-8F6Otm">I have read and accept the<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> privacy policy</a> and <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">terms of use</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-JKPGmL"> <ppc-content class="cd-terms-policy-block" key="WInL32-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-DWtptc">I have read and accept the<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> privacy policy</a> and <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">terms of use</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Zj6Gfa"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-terms-error" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-b5alD9"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-4vddU5"> <label class="input-checkbox-label" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-qi8O5S"> <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="WInL32-ph-find-your-fit-container-v1-default-saveResumeAriaLabe" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-v9tZuh"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-kTdZxv"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-zqGVr0"></span> <span class="checkbox-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-UN1Olm"> <ppc-content data-ph-at-id="checkbox-button-text" key="WInL32-ph-find-your-fit-container-v1-default-save-my-checkbox-button-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-QXBxWf">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-mQGHL8"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MrGw6d"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-kM6ZLx"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-5x5Pv1"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-NbI51O"></span> <span class="checkbox-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-pSvOea"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-52O2Hp"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-4eKguc">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-40DLGj"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-pBHOZo"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button class="btn primary-button" disabled.bind="piiConsentData && piiConsentData.length ? isDisabled : !acceptTerms" click.delegate="!isDisabled || acceptTerms ? submitResume() : false" ph-tevent="pii-consent-submit" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-j3xNTY"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-submitbuttonkey" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-6tvjfZ"> Confirm </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-eWFylv"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-swaKpA"> <div class="modal-dialog resume-step" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-9IUk9L"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-klSNgd"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-RY7DL8"></i> </button> <div class="modal-body" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-KefJvc"> <!-- Contact Details area --> <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-TFIbXd"> <div class="contact-details-inner-wrapper" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-e7gxGp"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-aZ2Tcm"> <span data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-f75Voy"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-iIZcuY"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-G1Tmdl"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MVm85W"> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-YtwUUg"> <label for="preferredName" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-wtZilS"> <span class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-i5sq1n"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-4pFjEw"> <span data-ph-at-id="name-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-unHGKP"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-RjBYoQ"> * </span> </label> <div class="input-group" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-q4mmME"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-fnikQv"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-5vlnyz"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="name-error-alert" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-OFkY9y"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-6bx7va"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-HEdHJ3"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-IcubX2"> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-PY1Arp"> <label for="name" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-g6Z2js"> <span class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-YHrgVw"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-K7ykry"> <span data-ph-at-id="name-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-6rgqFx"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-2z6f0y"> * </span> </label> <div class="input-group" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-UPG3g8"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-g8pqKN"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-h2YB1x"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-uZCCuh"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-8CuWgM"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-TGM6op"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-vSUHyM"> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-QNEetT"> <label for="email" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-wc7w43"> <span class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-cB5xhW"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-HZYkZu"> <span data-ph-at-id="email-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-7YaY6q"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-96zv6U"> * </span> </label> <div class="input-group" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-yxS2wF"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-d3LXKd"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-E7z9Zg"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-1cofMC"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-tXfTMw"> ${widgetBundle['contactDetailsAreaEmailInputErrorText'] | pht} </span> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-qwq60C"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-4uUfIX"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-8B4a8v"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-sGQEnX"> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-H8h6AX"> <label for="phone" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-IVHMS0"> <span class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-U6yWBH"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-O5I6Nv"> <span data-ph-at-id="phone-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-kGldnN"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-jNzw81"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-QBFJ2v"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code && contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-eUEkVY"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-vRzGYz"> ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht} </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-xAzWhk"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-SISiv1"> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-CVGXOf"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-L8SvJV"> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-YAkYXq"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-QrGYOq"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-nkTMRg"> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-hcV4gK"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-mZmoVQ"> <div class="contact-details-inner-wrapper" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-hlWP5Y"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-fh9POQ"> <span data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-FZOYzL"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-WCqKNR"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-pMtOJT"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-rdipFZ"> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-N3ZJsm"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-fIRFku"> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-4F4APs"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-1slail"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-tZ7Y6Z"> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-OPFBdI"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-sLVrTg"> <div class="job-title-inner-wrapper" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MpbXad"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-U6eyWI"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-DhPH7a"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ACm04k"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-opsy2u"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-dUyIMj"> <div class="input-group" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-eJbeDb"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-snmGFd" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-rbvPdF"></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-default-1663735659023-ph-find-your-fit-container-v1WInL32-qj4c4f"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-h0IjB4"> </li> <li class="search-noresults" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value" data-ph-at-id="no-suggested-results" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-PYPKOe"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-rXQeKI"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-DVwCXo"> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-yvluJS"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Pmde16"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.jobTitles.searchTitles.length} ${resumeInfo.jobTitles.searchTitles.length > 1 ? widgetBundle['resumeJobTitlePlural'] : widgetBundle['resumeJobTitleSingular']} </div> </div> </div> </div> </div> <div show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-block selected-titles-block" data-ph-at-id="selectedtitles-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-bgYiZN"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-JgoUiN"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-weJFhZ"> <h3 class="job-titles-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MH7Qg0"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-WFdWjS"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-DJuiBz"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-bp5K6y"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-PRybQ6"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-URLQol"> <div class="skills-inner-wrapper" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-VlWYj9"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Gqtr1s"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-dc65tp"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-9Oan3F"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-OWIuzf"> <div class="input-group" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-l0DoBj"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-7aYRL5" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-SgVN53"></i> </div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown && resumeInfo.skills.value" data-ph-at-id="suggested-data-list" id="skills-list" aria-labelledby="skills-list" aria-label="${widgetBundle['resumeSkillSetSuggestionAriaLabel'] | pht }" data-ph-at-data-count="${resumeInfo.skills.skillsList.length}" tabindex="-1" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-1xJhfO"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-35Xq7d"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-DZ50KQ"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-3XLee0"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-atewdp"> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-F4Z5Ly"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-DKeIEC"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.skills.skillsList.length} ${resumeInfo.skills.skillsList.length > 1 ? widgetBundle['resumeSkillSetPlural'] : widgetBundle['resumeSkillSetSingular']} </div> </div> <div show.bind="resumeInfo.skills.selectedSkills.length > 0" class="tags-block" data-ph-at-id="selectedskills-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-tzBHWX"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-eKLhQt"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-HqejKy"> <h3 class="skills-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ShPUFy"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-ALcPrO"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-zyaDEQ"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-rddE0c"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-yY1QzL"></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-default-1663735659023-ph-find-your-fit-container-v1WInL32-nNCXDN"> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-JCkBZV"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-2pylMv"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-8bF4VH"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-kSixjP"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-xq78fb"> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-djxO7j">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Pymapu"></i> </button> </li> </ul> </div> </div> </div> </div> <!-- Work Experience --> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-udKJIQ"> <div class="work-experience-inner-wrapper" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-lhZ5KG"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-amrJ2J"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-LtIukj"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-Aed6pF"> <legend class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-q0IKT3"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-kJGio0"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-2oy0Mq"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-moWqZQ" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MQ2NWs"> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MujLUG">${exp.displayName} </span> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-mmerkO"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </span> </div> </fieldset> </div> </div> <!-- Preferred Location --> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-VlC3cp"> <div class="work-experience-inner-wrapper" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-lApiV6"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-LIf0lZ"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ad5S7X"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-1FH2wc"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Zw28WZ"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-h20TTC"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-S04ISm" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-1i6uOn"></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-default-1663735659023-ph-find-your-fit-container-v1WInL32-AUNn8H"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-P2HPdj"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MpLLrJ"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-i6IWry"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-3Tvdw0"> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-xomXhv"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </span> </div> <div class="sr-only" if.bind="resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-flHeBN"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.preferredLocation.locationsList.length} ${resumeInfo.preferredLocation.locationsList.length > 1 ? widgetBundle['resumeLocationPlural'] : widgetBundle['resumeLocationSingular']} </div> </div> </div> <div show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" class="tags-block selected-locations-block" data-ph-at-id="selectedlocations-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-T03p2W"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-FnkTo1"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-i44eSt"> <h3 class="location-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ifndKV"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-5iL8CG"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-QUjJLh"> ${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-default-1663735659023-ph-find-your-fit-container-v1WInL32-jFQJLZ"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ORr7Mh"></i> </a> </li> </ul> </div> </div> </div> <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' && activeStep != 'cancel'" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-vLLsNS"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-vDURSc"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-79Z9ve"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-hlIHjq"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-WwZBYZ"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-0ETQXf"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-EmT8Y5"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-cshkCi"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-AeS4K5"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-VLErIp"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-pS0GJ6"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-CdlgFB"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-QL5BlC"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-EpLfxn"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-AmtV7q"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format resume popup close" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-uploadFailurePopupCloseAriaLabel1" data-ph-at-id="close-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-d6yPmu"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-9pCtyi"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-GCqNSZ"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-c6TAk9"></i> <span key="WInL32-ph-find-your-fit-container-v1-default-sadFileIconText" class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-v5icli">Failure icon</span> </div> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-HL9fRe"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-xmblmH"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-NORzHL"> Oops invalid format...</ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-BICv4U"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-OVqLw7"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-2gajtf"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-nEEQSB"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported && limitExceeded && widgetBundle['uploadFileSizeError']" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-S9pxdl"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-eyIPI7"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-rgy2D3">Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-5NCG8b"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadErrorUploadAgain" data-ph-at-id="error-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-fLy1sq">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-default-1663735659023-ph-find-your-fit-container-v1WInL32-zHXo5l"> <div class="upload-again" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-UwqfBn"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-iXrXMc" view="1697110811187-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="1697110811187-upload-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-RsmZQD"> <div class="ph-dropzone-area" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-R4u7ts"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ho9RXY"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-mpw0or">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-default-1663735659023-ph-find-your-fit-container-v1WInL32-e4FfyU"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact details popup Close" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-contactDetailsPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-AWkl10"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-aMwkij"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-nxMkOn"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-bqiy9j"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-myW2YI"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsErrorText1" data-ph-at-id="description-error-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ISSFqK"> 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-default-1663735659023-ph-find-your-fit-container-v1WInL32-5tpsNY"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-8QsrWY"> But we noticed the below information is missing from it. <br data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Qsx3CN" /> Please complete the following: </ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-uccwuv"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-jPtwQV"> We noticed the below information is missing from it. <br data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-b1See2" /> Please complete the following: </ppc-content> </h2> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-U6ZyoD"> <form role="form" aria-label="contact details" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-contactDetailspopupFormArialLabel1" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-3W5NQz"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-c86NiH"> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-fNaamm"> <label for="email" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-bgK6od"> <span key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsEmail" class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-D4YKqM">Email </span> <span class="" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Ad2LPh"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsEmail" data-ph-at-id="email-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-gGoIbu">Email </ppc-content> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-tgiDTe"> * </span> </label> <div class="input-group" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-StK5Ri"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="your@mail.com" key-placeholder="WInL32-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-default-1663735659023-ph-find-your-fit-container-v1WInL32-BDjE2i"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-wvb2zJ"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-sF6q9V"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorText" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-MtDvJo"> Email should not be empty </ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-eHUYxy"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorCorrectFormat" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-KzwK5g"> 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-default-1663735659023-ph-find-your-fit-container-v1WInL32-0OZFTe"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-pydQ8M"> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-KbXPJN"> <label for="phone" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-YDzLkz"> <span key="WInL32-ph-find-your-fit-container-v1-default-ContactDetailsPhone" class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-K7ZCJg">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-hth1F3"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsPhone" data-ph-at-id="phone-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-O7FGhH">Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-wWMS0K"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="WInL32-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-default-1663735659023-ph-find-your-fit-container-v1WInL32-bxxsif"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code && contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-EWiagc"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-contactDetailsPhoneInputErrorText" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-7FEb2Q">Please enter a correct phone number </ppc-content> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-4n8NE8"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-NA7hOu"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-TGeK04"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-uploadResumeContactDetailsSubtmitText" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-DM3n6g">Submit</ppc-content> </button> </div> </div> </div> </div> <div class="user-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && isAnonymous" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-NOAkUB"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login popup Close" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-socialLoginPopupCloseAriaLabelText" data-ph-at-id="close-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-2ML2ym"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-L65Pyi"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-RBi8Ci"> <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-default-1663735659023-ph-find-your-fit-container-v1WInL32-eBdwKy"> <p data-ph-at-id="sucess-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-999xaI"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-C5Ys57"> <h2 class="phs-heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-CH4UVB"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadSuccessHeading2" data-ph-at-id="heading-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-c8QJdp">Sign in and keep your data for future visits</ppc-content> </h2> <section class="ph-widget" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-aCCgWo" view="1697110811188-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-1697111065671" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-FlsdCd"></div> </section> <div class="signin-info" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-0wlYvJ"> <span data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-bQtm4p"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-dfzPHo"></i> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadSuccessDesc" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-IZAfn1"> We never post anything without your permission</ppc-content> </span> </div> </div> </div> </div> <div class="social-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && !isAnonymous" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-negxzG"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-UNFyht"> <div class="failure-img-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-lYyQ7q"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-8Cyajb"></i> <span key="WInL32-ph-find-your-fit-container-v1-default-happyFileIconText" class="sr-only" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-YP46AQ">success icon </span></div> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-n2eF5l"> <h3 class="heading" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-eVffav"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessHeading" data-ph-at-id="sucess-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ciA2yt"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Sq9jIy"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes1" data-ph-at-id="sucess-desc1" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-pXg1fn">Your file is successfully uploaded</ppc-content> </div> <div class="p-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-eIlfqW"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes3" data-ph-at-id="sucess-desc2" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-slNgbw">Enjoy your personalized jobs</ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-8RcDQI"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file upload success popup close" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-socialLoginSuccessCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-emS1RK"> <span class="btn primary-button" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-GcqH8Z"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-socialLoginCloseText" data-ph-at-id="close-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ZWxFxN">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-default-1663735659023-ph-find-your-fit-container-v1WInL32-cZan2t"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup close" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-resetPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-lEfrGG"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-QdK7Bb"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-m20p2a"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-1ZUcMe"></i> <span class="sr-only" key="WInL32-ph-find-your-fit-container-v1-default-removeFileIconText" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-kOKZWB">reset icon</span> </div> <div data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-AtX1hH"> <div class="p-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Yt2HMh"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-resumeUploadDeletDescription" data-ph-at-id="description-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-c9pKaz">By resetting personalization <br data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-SF3Ie1" />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-default-1663735659023-ph-find-your-fit-container-v1WInL32-iUZjSK"> <div class="delete-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-CAU0Q9"> <button class="btn warning-button" aria-label="Reset" key-aria-label="WInL32-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteAriaLabel" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ssW6fy"> <ppc-content key="WInL32-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteButtonText" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-poJrsS"> 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-default-1663735659023-ph-find-your-fit-container-v1WInL32-fvTZA3" view="1697110811204-default" original-view="default" theme="default"> <div class="ph-find-your-fit-v1-default-default ph-widget-target" fyf-steps.bind="stepsData" fyf-info.bind="fyfInfoData" as-element="ph-find-your-fit-v1" instance-id="6ty93o" data-widget="ph-find-your-fit-v1" view="default-1697111137314" original-view="default" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-P6flE1"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ap6xnY"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-N1Hddi"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-DNXYOU" view="1697110811811-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-1697112354207" instance-id="fyf2" original-view="default" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ZVHH8k"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-HFQ08C"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-3dmU5u"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-E1JMB6"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1697110811171-re-upload"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-2FhyEi"> <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="fyf3jd-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-IXE8we"> <span class="action-icon" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-J0QYtJ"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-KEol0w"></i> </span> <ppc-content key="fyf3jd-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-Ig52t0"> Use new resume </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1697110811187-upload-new"> <div class="ph-dropzone-area" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-R4u7ts"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-ho9RXY"> <ppc-content key="ph-import-resume-v1-upload-new-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-default-1663735659023-ph-find-your-fit-container-v1WInL32-mpw0or">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-external-upload-resume-1697110916417"><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-1697110811172-external-upload-resume-ph-import-resume-v1-B8VCsX"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="DJuFnR-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-1697110811172-external-upload-resume-ph-import-resume-v1-xTU7vb"> <div class="dropzone-content" data-ph-id="ph-1697110811172-external-upload-resume-ph-import-resume-v1-6tmfUw"> <div class="content-holder" data-ph-id="ph-1697110811172-external-upload-resume-ph-import-resume-v1-iUlCJS"> <span data-ph-id="ph-1697110811172-external-upload-resume-ph-import-resume-v1-PedkqG"> <ppc-content key="oPNLqb-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-1697110811172-external-upload-resume-ph-import-resume-v1-cSnahA">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view4-1697111065671"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-LSAkUy"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-fRuLgC"> <!-- 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-1697110811188-view4-ph-social-connect-v1-FAmB96"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-4aO4Lf"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-qqN2eX"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-uCQINt"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-2V3qBl"> <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-1697110811188-view4-ph-social-connect-v1-kNaFIF"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-g6HIqM"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-6cGXTZ"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-LW7jw8"> <ppc-content key="qguLXx-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-Cfj0FL"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1kjKWLg"> ${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-v1ePmJxg"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-KwOQXv"> <span class="social-checkbox-btn-text" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-Mu8SB6"> <ppc-content key="OtTLdq-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-0enk8e"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1kjKWLg"> ${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-v1ePmJxg"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-E0GmGT"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-IFzuUh"> <span class="social-alert-msg" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-JXnWGS"> ${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-1697110811188-view4-ph-social-connect-v1-HyY2JC"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view4-listItemRole" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-MIRmHs"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-ax9dJK"> <div class="icon-block" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-N62INi"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-b6uM5w"></i> </div> <div class="text-block" data-ph-id="ph-1697110811188-view4-ph-social-connect-v1-0CD2yQ"> ${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-find-your-fit-v1-default-1697111137314"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-SL1fAj"> <div class="widget-container" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-yrnt1Z"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-737IOH"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-UG4A8J"> <div class="fyf-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Vsofdg"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-P4jdWM"> </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-1697110811204-default-ph-find-your-fit-v16ty93o-6Hp8AJ"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-7W0FxX"> <div class="heading-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-e6F5sq"> <!-- <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-1697110811204-default-ph-find-your-fit-v16ty93o-ZhSKaY"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-widgetMainHeading2" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-g9dtpQ"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-cYV8j0"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-1mCs12"></i> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ztrPlz"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-widgetsubHeading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-D40wOw"> 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-1697110811204-default-ph-find-your-fit-v16ty93o-OdOWSo" view="1697111137085-view5" original-view="view5" theme="default"> <div class="ph-social-connect-v1-view5-default ph-widget-target" instance-id="7uyy7u" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view5-1697112417933" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-DvrMgE"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-A4Hom5"> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-sOxluR"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-SmiHzZ"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-OlPACo"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-HcFarO"></i> </span> </button> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' && !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-QuiXk2"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-R3YSNK"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4oZ3ex"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-c28glG"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-XGFTLt">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-1697110811204-default-ph-find-your-fit-v16ty93o-mA9DVS"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qP83kR">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-1697110811204-default-ph-find-your-fit-v16ty93o-xQPb2j"> <legend class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ioZabY"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-G26Djx">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-eYPSCw"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNoCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-x4fINo">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-1697110811204-default-ph-find-your-fit-v16ty93o-CCqqB4"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-aVVzXw" /> <span class="cat-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-t6oX53">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-umAYfk"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-hIlLjt"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-747Cdx"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-2Da8QE"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ynq8O1"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-fG6GEe">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ut8tXG">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-vZxfaR"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-b1mXcN">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZfYKJD"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4Pwa4U"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-rpKhZx"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-DHfm5g"></i> </span> </button> </div> </div> </div> <!-- End Categories Step --> <!-- Sub Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'subCategories' && !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ui6xng"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-jB5eOe"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-YINF7k"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Mh0dKa"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-YZAxE0">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-1697110811204-default-ph-find-your-fit-v16ty93o-EXYL1G"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-HKHAYs">What are you interested in?</ppc-content> </h2> </div> <div class="sub-categories-block" data-ph-at-id="sub-categories-block" data-ph-at-data-count="stepData.subCategories.length" role="group" key-role="6ty93o-ph-find-your-fit-v1-default-subCategoriesBlockRoleText" aria-labelledby="phFyfSubCategories" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-8AggPy"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PCyyzq"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNoSubCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-dbHDZC">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-1697110811204-default-ph-find-your-fit-v16ty93o-angyH2"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-nWw1ge" /> <span class="cat-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-izDCdF">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-fEl3if"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-WmCg2x"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-IMWMSb"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-UjeiK8"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-KY0D90"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-7W52FF">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-j5K59A">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZbaowZ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-EJAUWJ">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qQIljQ"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Brv8kS"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wY0hE1"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-CwGUrJ"></i> </span> </button> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-8IfnKH"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PLvPGE"> <!-- <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-1697110811204-default-ph-find-your-fit-v16ty93o-UgvTS8"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-bKXuov"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-TblUj7">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-1697110811204-default-ph-find-your-fit-v16ty93o-2QhL0q"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-MRGlWS">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-1697110811204-default-ph-find-your-fit-v16ty93o-oB0IYf"> <label for="recentTitles" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wAjCH4"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-nvby7O"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepTwoLabel" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-P6EsAl"> <input type="text" class="search-box ${fyfStepConfig.recentTitle.flag ? 'disabled':''}" id="recentTitles" name="recentTitles" showresultsonfocus="false" ph-a11y-autocomplete="" aria-label="Search for Job title" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleSearchBoxAriaLabel" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" aria-labelledby="ph-fyf-jobTitle" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-vTDw55"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.recentTitle.value.length" focus.trigger="setFocusField('recentTitles')" blur.trigger="setFocusField('recentTitles',true)" aria-label=" clear the search" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-hPizH1"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0rRbPl"></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-1697110811204-default-ph-find-your-fit-v16ty93o-0F207f"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-SqzEVp"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoResultsText" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-HvKutO">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-DqILap"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-mfEjkd"> ${widgetBundle[stepData.recentTitles.length > 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown)" key="6ty93o-ph-find-your-fit-v1-default-recentTitlesAssertiveNoSuggesionsText" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-H4KPyM"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Uo4D4e"> <label class="input-radio-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-T7AOWN"> <input type="checkbox" model.bind="fyfStepConfig.recentTitle.flag" checked.bind="fyfStepConfig.recentTitle.flag" aria-checked="${fyfStepConfig.recentTitle.flag?'true':'false'}" change.delegate="disableJobTitle()" data-ph-at-id="radio-button" aria-label="Just starting my career" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-o5tb78"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0MXmnY"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-cq8N0m"></span> <span class="radio-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-LbMhCu"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-at-id="radio-button-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4oAwfp">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-1697110811204-default-ph-find-your-fit-v16ty93o-y2WflG"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-v5C9EK"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && (!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag)" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-XYaW9H"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-FFQZxi">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-DFLMfL">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && (!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GqU1Eq"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZG6mw8">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0K7F1m"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-VlxEEK"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-EQKwje"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-rVnSns"></i> </span> </button> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-8sx4Jr"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZFD7MM"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4FouK3"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-hg3ovj"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-S86HBC">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-1697110811204-default-ph-find-your-fit-v16ty93o-klayEy"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-l0E92V">Tell us what you鈥檙e really good at.</ppc-content> </h2> </div> <div class="skills-block" data-ph-at-id="skills-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NQ8kRM"> <label for="skills" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4K7l6j"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZFXkCD">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-JxWl5X"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-iAirGG"> ${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-1697110811204-default-ph-find-your-fit-v16ty93o-qLDGC4"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-dZpLcd"> <div role="list" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ogkilW"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-QkJ6gv"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lqQpkA">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${suggestedSkill} skill" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsDeleteSelectedText1" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-1luea5"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-zjaINx"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-bzId5y"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qHxmCI"> <div class="search-box-inline" aria-owns="skill-list" aria-haspopup="listbox" aria-label="Tell us what you鈥檙e really good at" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepThreeLabel" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-3lddvB"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfSkillsPlaceHolderText']" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-label="Search for skills" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsSearchBoxAriaLabel" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-1rCIhB"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.skills.value.length" focus.trigger="setFocusField('skills')" blur.trigger="setFocusField('skills',true)" aria-label="clear the search" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsClearSearchAriaLabel" data-ph-at-id="clear-text-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-tDEOuh"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-3qhoiN"></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-1697110811204-default-ph-find-your-fit-v16ty93o-NnnZkX"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-NI0ovy"></li> <li class="search-noresults" if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsNoResultsText" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lbGqTb">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-hZmlcx"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GfdQzf"> ${widgetBundle[stepData.skills.length > 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown)" key="6ty93o-ph-find-your-fit-v1-default-skillsAssertiveNoSuggesionsText" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0846Yz"> 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-1697110811204-default-ph-find-your-fit-v16ty93o-4VqEeM"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-W1ifCT"> <h3 class="suggested-heading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Dv2cbb"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsSuggestionsText" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9N1alH">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-I6JWNX"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-supgGA"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-SZJKIq"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-UEUgrt">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lreKQy"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-YzY6u3"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Mnu8uE"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-x6dhpY"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-A4j5r1">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-pVS0DI">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-k8Znaf"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-U3rPVu">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-jL88wL"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-mue8ts"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-vbvNs7"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-VHMBW4"></i> </span> </button> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wtwdIL"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-tshlF0"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wNjlo5"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GZXeM2"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-IIzxff">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-1697110811204-default-ph-find-your-fit-v16ty93o-wfqg3r"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-zP8zR7">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-1697110811204-default-ph-find-your-fit-v16ty93o-WtXRdI"> <legend class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RAVcC3"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-thPaxG">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-r5cwkv"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-bRhfiu"> <span class="radio-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NljEFI"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Ed6HbO">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-HVfZB6"> Year </span> <span if.bind="exp.min != 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-3SdrUD"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lSIxD6"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-39ypwa"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-WKMpZ1"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PprMGr">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RgQkJ9">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-1sy6pI"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ehUcTW">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wWxWg5"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ApVkO9"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-5hcVmv"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-iXryO1"></i> </span> </button> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wDBsQw"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9ALgsU"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4nG9KK"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-AENUMo"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-j9IDpY">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-1697110811204-default-ph-find-your-fit-v16ty93o-Z9cCiY"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9K4ujB">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="6ty93o-ph-find-your-fit-v1-default-experienceBlockRole" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-e4rCc2"> <legend class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-5B1p6i"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExpHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-39NkPb">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-1697110811204-default-ph-find-your-fit-v16ty93o-zegboz"> <span class="check-mark" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-FyWDHJ"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-28318i"></i> </span> <span class="radio-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-14ER3Y"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Yf5EtQ">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-78qo6d"> Year </span> <span if.bind="exp.min != 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-iW7DWq"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-sGBb8I"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZXRGQ9"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-FVHBE0"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-KLe3uw">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1)) " key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-OflRIY">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PGq5gi"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Sr5Zrd">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-xLFbIb"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-SxlyYk"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qdZoGG"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-vFdjXy"></i> </span> </button> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-rq7ibT"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-SacLTQ"> <!-- <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-1697110811204-default-ph-find-your-fit-v16ty93o-DPyk1c"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-WYKXLC"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-BOfPSD">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-1697110811204-default-ph-find-your-fit-v16ty93o-Hppswe"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-3gtclX">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-HIeE4g"> <label for="locations" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-m6BWy1"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-B74x4Y">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wWnXWE"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lg2WJQ"> ${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-1697110811204-default-ph-find-your-fit-v16ty93o-t45Oyp"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-jF1cTh"> <div role="list" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-CWmlm4"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9KpGjZ"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-6TfoB7">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-pqpfnV"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-YfrZM9"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GNfHKU"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-vGu7qv"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-L7Y23w"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationInputAriaLabel" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-efon2s"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qHYB4o"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-X9jggf"></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-1697110811204-default-ph-find-your-fit-v16ty93o-u3JQMs"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-oiDaOh"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qQ5xUN">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-X0KExy"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Am8RuK"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="6ty93o-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Gfsyv6"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-6HaFUs"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RxSC2V"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-XRvbZ2"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-6EbNhQ">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-I6opXO">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-yNAPHf"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-dEtCXy">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-YFiuvh"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-aCY64h"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-06Evbu"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-VkrBIc"></i> </span> </button> </div> </div> </div> <!-- End prefered Location Step --> <!-- prefered Location Step With more options --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocationWithMoreOptions' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-VZGJcc"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-dT3iB8"> <!-- <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-1697110811204-default-ph-find-your-fit-v16ty93o-tCAgCX"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-90zL5q"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-f7Oe60">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-1697110811204-default-ph-find-your-fit-v16ty93o-M90XnL"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Pn4b2r">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-FejsLE"> <div class="preferred-location-container" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-3srped"> <ul class="" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-fmtEXG"> <li repeat.for="loc of stepData.locationOptions" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GAtYQ8"> <input type="radio" id.bind="loc.name" name="selectLocation" model.bind="loc" aria-checked="${fyfStepConfig.locationOptions.selectedOption?'true ':'false'}" data-ph-at-id="loc-select" data-ph-at-exp-text="${loc.displayName}" checked.bind="fyfStepConfig.locationOptions.selectedOption" change.delegate="getGeoLocationPopup()" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-mDyC3k"> <label for.bind="loc.name" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-A4h9am">${widgetBundle[loc.name] || loc.displayName }</label> <span class="current-location" if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-VTUOhu"> <i class="icon icon-user" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-p90GOX"></i> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-gk4YNu">${fyfStepConfig.currentLocation.location_display}</span> </span> </input></li> </ul> </div> <div if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'findACity'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Jzl9CF"> <label for="locations" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-M5AGnt"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-aUdHx1">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-UD90Jx"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-37kYxT"> ${fyfStepConfig.preferredLocationWithMoreOptions.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9XYbG7"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocationWithMoreOptions.length}" role="presentation" aria-label="location" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-XuR9wt"> <div role="list" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Sgc5Br"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocationWithMoreOptions" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-zfjX2L"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-gCtFlQ">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-q2BhRt"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lwv1A8"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-n4HM4P"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-fHCLJn"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-HNJveB"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationInputAriaLabel" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-VVIaAq"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-67Bwf6"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-f2PHVa"></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-1697110811204-default-ph-find-your-fit-v16ty93o-fxldu2"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-dwHO8W"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Hvs61W">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RzwcIC"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-DSkFEP"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="6ty93o-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-CzMDbA"> No results are available </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PjSbLa"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-uQMT51"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-at-id="next-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-F18EQl"> <ppc-content if.bind="!fyfStepConfig.preferredLocationWithMoreOptions.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9jZz6m">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qAq8eL">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-cc4bt7"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9q26Xc">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-LBrA8l"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-YtgoXP"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-TAWz2y"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-BeSHCU"></i> </span> </button> </div> </div> <div class="popup-modal-backdrop location-blocked-popup active" if.bind="fyfStepConfig.locationBlockedPopup" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-rixGD0"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="location-blocked-heading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0o0nNR"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-yuY2Zz"> <div class="modal-body" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-UgY57P"> <!-- <div class="close-popup-btn"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link"> <i class="icon icon-cancel-1" aria-hidden="true"></i> </button> </div> --> <svg class="location-pin" width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ycQ36l"> <path d="M39.6339 37.8661C40.122 38.3543 40.122 39.1457 39.6339 39.6339C39.1457 40.122 38.3543 40.122 37.8661 39.6339L29.7171 31.4849L22.9115 38.7093C21.3324 40.3856 18.6675 40.3856 17.0884 38.7093L7 28H7.03807C4.51947 25.0351 3 21.195 3 17C3 13.5246 4.04286 10.2929 5.83273 7.6005L0.366116 2.13389C-0.122039 1.64574 -0.122039 0.85428 0.366116 0.366125C0.854272 -0.122031 1.64573 -0.122031 2.13388 0.366125L39.6339 37.8661ZM14.3171 16.0849C14.1147 16.6863 14.005 17.3303 14.005 18C14.005 21.3137 16.6913 24 20.005 24C20.6747 24 21.3187 23.8903 21.9201 23.6879L14.3171 16.0849ZM9.18582 3.88247L17.744 12.4406C18.4418 12.1565 19.2051 12 20.005 12C23.3187 12 26.005 14.6863 26.005 18C26.005 18.7999 25.8485 19.5632 25.5644 20.261L33.1175 27.8142C35.543 24.8755 37 21.1079 37 17C37 7.61116 29.3888 0 20 0C15.8921 0 12.1245 1.45702 9.18582 3.88247Z" fill="#316ED1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-yMdIo3" /> </svg> <h2 class="location-blocked-heading" id="location-blocked-heading" data-ph-at-id="location-blocked-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-eOJtAq"> ${widgetBundle['locationBlockedHeadingText'] | pht} </h2> <div class="location-blocked-description" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-DIV1m3"> ${widgetBundle['locationBlockedDescriptionText'] | pht} </div> <button class="btn secondary-button location-blocked-button" click.delegate="closeLocationBlockedPopup()" data-ph-at-id="location-blocked-button" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ylCKMI"> ${widgetBundle['locationBlockedOkText'] | pht} </button> </div> </div> </div> </div> </div> <!-- End prefered Location Step With more options --> <!-- contactInfo Step with Resume --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithResume' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-bbX1tP"> <div if.bind="showContactInfoScreen" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZVaRYs"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-VSo1Co"> <!-- <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-1697110811204-default-ph-find-your-fit-v16ty93o-tHlpEf"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-SFLVdN"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-K3Fi68">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-1697110811204-default-ph-find-your-fit-v16ty93o-WdcbYv"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-dApDKx">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RuVs41">Currently we don鈥檛 have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ISH4XW"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-IWwOBG">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-1697110811204-default-ph-find-your-fit-v16ty93o-ziixzo"> <form role="form" submit.delegate="" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-AfavZg"> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-aCpeSj"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-aMQnso"> <label for="email-1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4xQaur"> <!-- <span key="fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only">Email *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-gPDENX"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailTxt" data-ph-at-id="email-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-zaJtJu">Email Address <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1ieVnKf"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-JBAQ5l"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="Enter Email" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolderTxt" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-1Bv8f2"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-i1DXRF"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-EO7ggz"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ynWo9m">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-olPhyR"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-siQ4W0">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-1697110811204-default-ph-find-your-fit-v16ty93o-wIZE0d"></i> </input></div> </div> </div> <div class="form-group" show.bind="preferredName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-D1zY0x"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-LNqEDH"> <label for="preferredName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-zlXXax"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-MSaA0H">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-IyEzFI"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lkfv9u"> Preferred name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1cALBV0">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-c4kG3A"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Enter your preferred name here" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-OGYKDV"> <!-- <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert"> <ppc-content key="fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text">Preferred Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NhVh8G"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-6ODIS3"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PxmOyI"> <label for="firstName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9LuLAK"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RnGa9U"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoFirstNameTxt" data-ph-at-id="name-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-BPOkEt"> First Name <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v1noqqdp">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-xnCZkt"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="firstName" placeholder="Enter First Name" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfFirstNameInputPlaceHolderTxt" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="firstName" data-ph-at-id="name-input" disabled.bind="nonEditableFields.firstName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-abmj50"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.firstName.validField" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-p29GNJ"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0hJY2j"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-IhSzE6"> <label for="lastName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-83c5yY"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Eo5KcQ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoLastNameTxt" data-ph-at-id="name-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PB8FtX"> Last Name <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v1z9m0rL">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PTC0g5"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.lastName ? 'disabled' : ''}" id="lastName" placeholder="Enter Last Name" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInLastNameInputPlaceHolderTxt" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.lastName" autocomplete="name" data-ph-at-id="name-input" disabled.bind="nonEditableFields.lastName" aria-required="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Lxq2Ke"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.lastName.validField" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-v5wjAJ"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RM5uuJ"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-fit32X"> <label for="phone" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-6DoybZ"> <!-- <span key="fyfStepContactInfoPhoneText2" class="sr-only">Phone Number</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-YrIXIM"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneTxt" data-ph-at-id="phone-text1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-nmVLfS">Phone Number <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v17XLhCb">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-WoWkbh"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="${widgetBundle['fyfPhoneNumberPlaceHolderText'] | pht}" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlacHolder" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" disabled.bind="nonEditableFields.phone" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-mk8YhK"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-fW6HrZ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-45Om8u">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-1697110811204-default-ph-find-your-fit-v16ty93o-vaHlL3"></i> </input></div> <!-- <div class="security-info"> <div class="security-info-block"> <i class="icon icon-lock" aria-hidden="true"></i> <ppc-content key="fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text"> We take your privacy seriously. </ppc-content> </div> </div> --> </div> </div> <div class="form-group ${stepData.uploadResume.error ? 'error focus':''}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-6AcdE2"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Ybvr2o"> <label for="uploadResume" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-MyRB20"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-zKJeNp"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoUploadResume" data-ph-at-id="name-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-yyK0m8"> Upload your resume <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v1IaXwqQ">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-YDMXsZ"> <section class="ph-widget resume-upload-button" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-KX7om8" view="1697111137101-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="1697111137101-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" fyf-step-config.bind="fyfStepConfig" success-import.bind="isResumeUploaded" fyf-provider.bind="fyfProvider" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-MRcoVj"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-aaGZ92"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="6ty93o-ph-find-your-fit-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Xi20Nj"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lHXIIq"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-hJD8oA"></i> </span> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-resumeUploadNewFileOptiontxt" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-EqnKkh"> Select a file to upload. </ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZHrWPr"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-xi8DSS"></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-1697110811204-default-ph-find-your-fit-v16ty93o-YSCeHo"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GLOldU">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-iSRbaW"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-LOLmh0"></i> </button> <span class="file-format" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-6mWVEu">File format: txt,.pdf,.doc</span> </div> </div> </section> <!-- Loader that appears when you add any data --> <div class="loader-backdrop" show.bind="saveDetailsLoader" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0sIemS"> <div ph-loading-img="show-loader.bind: saveDetailsLoader" class="show-loader" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-2KsI6j"></div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop active" show.bind="saveDetailsDialog" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-gJ39K2"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-vQnT8u"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-iI5ODp"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-after-close-focus-elem" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0LuBIk"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeResumeUploadDetailsPopup('delete')" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0hFYPH"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GAGdrT"></i> </button> </div> <div if.bind="popupType == 'saveChanges'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-BJXg8M"> <div class="heading-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-vfZjDB"> <h2 class="sub-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-IJnL95"> ${widgetBundle['unsavedPopupHeading'] | pht} </h2> <p class="heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-zgstRG"> ${widgetBundle['unsavedPopupSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lliiHF"> <div class="each-action" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qySHf7"> <button class="btn save-btn primary-button" click.delegate="saveStepDetails()" data-ph-at-id="save-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-u0NKjJ"> ${widgetBundle['unsavedPopupConfirmBtnTxt'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wTxc8W"> <button class="btn discard-btn plain-button" click.delegate="discardStepDetails()" data-ph-at-id="discard-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GTPM8J"> ${widgetBundle['unsavedPopupCancelBtnTxt'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeUpload'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-IG2sza"> <span class="icon-container" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-87K1sY"> <i aria-hidden="true" class="icon icon-check-mark-thick-2" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-l8loeG"></i> </span> <div class="heading-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NKe0Hr"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-C8rqmF"> ${widgetBundle['resumeParsedText'] | pht} </h2> <p class="sub-heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-t8AsYp"> ${widgetBundle['resumeUploadedSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-FYob48"> <div class="each-action" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-7ilBLs"> <button class="btn small-btn save-btn primary-button" click.delegate="closeResumeUploadDetailsPopup('upload')" data-ph-at-id="save-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-3IOmOq"> ${widgetBundle['gotItText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeError'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-yBba56"> <div class="heading-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-giXGb1"> <h2 class="heading error-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-TWNk8Z"> ${widgetBundle['oopsText'] | pht} </h2> <div id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-EUbMXK"> <span class="sub-heading error-heading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-WySLQu"> ${widgetBundle['errorHeading'] | pht} </span> <p class="sub-heading error-heading" if.bind="!isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-SSxD7o"> ${widgetBundle['uploadAgainText'] | pht} </p> <p class="sub-heading error-heading" if.bind="isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-b7r4LP"> ${widgetBundle['deleteAgainText'] | pht}. </p> </div> </div> <p class="info-text" id="info-upload" if.bind="resumeFileSizeExceeds" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0GiNln"> ${widgetBundle['resumeFileSizeExceedsText'] | pht:{'fileSize':fileCtx.maxFileSize}} </p> <p class="info-text" id="info-upload" if.bind="resumeFileUnsupported" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9fIWeH"> ${widgetBundle['resumeFileUnsupportedText'] | pht:{'allowedFormats':fileCtx.allowedFormats}} </p> <div class="action-block resume-error" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Z19vuk"> <div class="each-action" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-FW0cNV"> <button class="btn medium-btn save-btn primary-button" click.delegate="resumeUploadTryAgain()" data-ph-at-id="save-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GaaCmp"> ${widgetBundle['tryAgainText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeDelete'" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-JrptPd"> <div class="heading-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-uDHUE7"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-O94NJ8"> ${widgetBundle['deleteResumeHeading'] | pht} </h2> </div> <div class="action-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0QvRbX"> <div class="each-action" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZNlG2U"> <button class="btn save-btn primary-button" click.delegate="fyfProvider && fyfProvider.deleteResume()" data-ph-at-id="save-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Ey6d1U"> ${widgetBundle['removeResumeBtnText'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-rOxJ0H"> <button class="btn discard-btn plain-button" click.delegate="closeResumeUploadDetailsPopup('delete')" data-ph-at-id="discard-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-KrSQ4v"> ${widgetBundle['cancleText'] | pht} </button> </div> </div> </div> </div> </div> </div> <!-- <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.uploadResume ? 'disabled' : ''}" id="uploadResume" placeholder="Drop resume file here or select a file to upload." key-placeholder="fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.uploadResume" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('uploadResume')" disabled.bind="nonEditableFields.uploadResume"> --> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <!-- <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField"></i> --> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-SXE2xj"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-uybGg8"> <label class="input-checkbox-label" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZA6ERL"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-EwNCrz"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lgoImN"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PecrUf"></span> <span class="checkbox-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-h2jMlC"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-AbX3B4">I have read and accept the<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> privacy policy</a> and <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">terms of use</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0KepQu"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4XGo7T">I have read and accept the<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> privacy policy</a> and <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">terms of use</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-fsMy80"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Laye6c"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-nnGGhf"> <div class="checkbox-btn-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Okxsul"> <label class="input-checkbox-label" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZzEgun"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0PRNWL"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NSvcVP"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-kQtSii"></span> <span class="checkbox-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-iREr6X"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-8NtNom">Sign me up for company updates </ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-r6cfgd"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Bv50eG"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-dXdyY6"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-JJPyvS"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-u92utZ"></span> <span class="checkbox-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NvJ8OG"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-aRRqEm"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lm8Zu5">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-eeYXPO" view="1697111137103-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-1697112126234" instance-id="fyfconsent" original-view="default" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-cJyQd0"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-QWqvHI"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-rOrufw"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-I8QqIH"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-1yQjOB"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-EjASx3"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="next-link-text" if.bind="isCandidateHomeEnabled" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qh8J6S">Submit</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" if.bind="!isCandidateHomeEnabled" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Nok4rP">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-181IyP"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-LsoW73"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-KeisiZ"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-FwZJwD"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled && showLoginScreen" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-S6ABHG"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-oE0EiF"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Ogx0Gf"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-dc6bvF">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-JYKClI">Currently we don鈥檛 have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0FtFgl" view="1697111137116-view1" original-view="view1" theme="default"> <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{"context":"fyf"}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default ph-widget-target" view="view1-1697111876474" instance-id="fyf1" original-view="view1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-X9IXBq"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-FlhWvX"> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wYpoaO"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NOj987"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lYPM0m"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-zKP8NE"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step with Resume --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-SCW0SL"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-fJVIT7"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-X0AOj5"> <!-- <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-1697110811204-default-ph-find-your-fit-v16ty93o-KT3vbb"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NxqVcr"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Nh8DrL">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-1697110811204-default-ph-find-your-fit-v16ty93o-SSmPRn"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9qlsPA">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-LGTa65">Currently we don鈥檛 have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-WdBJLZ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PrzL4a">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-1697110811204-default-ph-find-your-fit-v16ty93o-X29iWH"> <form role="form" submit.delegate="" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NCHRzg"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-7seAoB"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wZJyaj"> <label for="preferredName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lzAZpX"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-dZaO9G">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qudRVB"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Uv5vh1"> Preferred name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1cALBV0">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wqqerT"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Enter your preferred name here" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-OsZ1Fw"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-jpcXGr"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-WoeMAj">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-1697110811204-default-ph-find-your-fit-v16ty93o-SRt2MO"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-8h8QKx"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZGKrYZ"> <label for="name" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-eyPqBw"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wGz3dH">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RsfgV0"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-BOYSBy"> Full name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1Y2D2Cx">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-MaYKXE"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="name" placeholder="Enter your name here" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qSb6LH"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-fNOn7f"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PARnEM">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-1697110811204-default-ph-find-your-fit-v16ty93o-I67BV6"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-s5RaRF"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-l42pVe"> <label for="email-1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-P1C05Y"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-sRraer">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-XxJE98"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NgsEpp">Email <span class="required" data-ph-id="ph-default-ph-find-your-fit-v12EOPtz"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4Bmk4A"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-p6iGTV"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-XOnPtP"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4eSX6T"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-oXW4O7">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-uOmkR2"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-8XIT5i">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-1697110811204-default-ph-find-your-fit-v16ty93o-7taYKE"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qMpNUK"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-I02mGy"> <label for="phone" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GmeMmp"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-e2ctGh">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ehv2Wm"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-dOtm2y">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-89FHEI"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="(000) 000-0000" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-TL9Mlw"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qPrIxa"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-28EHZy">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-1697110811204-default-ph-find-your-fit-v16ty93o-PXnzhT"></i> </input></div> <div class="security-info" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-7AoS5M"> <div class="security-info-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Lwuhzk"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-T0IYiA"></i> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ubZzgL"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-VVGvr2"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-u3rrP4"> <label class="input-checkbox-label" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-zlvr6S"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-TFH8sd"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Ip4Odb"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ulDHz9"></span> <span class="checkbox-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-gXyyEz"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-L8Ly99">I have read and accept the<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> privacy policy</a> and <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">terms of use</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RWk63a"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-JGL11L">I have read and accept the<a class="privacyPolicyLink" target="_blank" href="https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy" data-ph-id="ph-page-element-page9-fjuusD"> privacy policy</a> and <a class="termsLink" target="_blank" href="https://group.bureauveritas.com/terms-use" data-ph-id="ph-page-element-page9-uHbaGP">terms of use</a><span class="mandatory-star" data-ph-id="ph-page-element-page9-U4X1X6">*</span></ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-UpKwP6"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-f6BgwA"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-XJfk4Y"> <div class="checkbox-btn-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GXKK8Y"> <label class="input-checkbox-label" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-FOcHEg"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-vSkPrZ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9C615M"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GEyruW"></span> <span class="checkbox-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Mj4nkt"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ou2znT">Sign me up for company updates </ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-B9YcQu"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-PjMP2S"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-CphEsK"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-p0gYaT"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Tc53s0"></span> <span class="checkbox-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-uPI6BE"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ebr28F"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-25IZBQ">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-wndvgi" view="1697111137207-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-1697112126346" instance-id="fyfconsent" original-view="default" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-YWGFgk"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-foRRYI"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-dgtwlo"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-vYmPMf"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-OGe10X"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-f9eDuS"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-USG59Z">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Kruevg"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-1cvTD4"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-eIEAVS"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-dQoOMZ"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-CHpovt"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Nlj0Hs"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-JZVJUJ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-2yemo2">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-IJQJEG">Currently we don鈥檛 have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ylyMni" view="1697111137221-view1" original-view="view1" theme="default"> <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{"context":"fyf"}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default ph-widget-target" view="view1-1697111876667" instance-id="fyf1" original-view="view1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lOslsa"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-MwPiP4"> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Ighccl"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-d4QT8l"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-mhwqOL"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-n6cCDq"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-SijcFe"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-R81j3L"> <!-- <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-1697110811204-default-ph-find-your-fit-v16ty93o-9tlHFU"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-odDO2W"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-mBNoxm">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoNoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-rp9jnA">Currently we don鈥檛 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-1697110811204-default-ph-find-your-fit-v16ty93o-BSI1zB"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoSocialLoginText" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Cyqalb"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-I4yT0F" view="1697111137292-view5-new" original-view="view5-new" theme="default"> <div class="ph-social-connect-v1-view5-new-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1697111137292-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-1697110811204-default-ph-find-your-fit-v16ty93o-I0WbyQ"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-I2PxMh"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-bnyd3z"> <div class="widget-container" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-paElb5"> <div class="content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-URfM1M"> <ul class="login-link-list" role="list" key-role="6ty93o-ph-find-your-fit-v1-default-listRole" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-DZNfHm"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="6ty93o-ph-find-your-fit-v1-default-listItemRole" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-pb8qTH"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-eteriN"> <div class="icon-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RFPA1i"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-oxcboB"></i> </div> <div class="text-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-kqKrVH"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Do0Dou"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoOrTxt" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Kpq96l">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ogdaVc"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoHeadingText" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Q1oENU"> 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-1697110811204-default-ph-find-your-fit-v16ty93o-H3UXJ9"> <form role="form" submit.delegate="" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZnyCN6"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-VNf3Z3"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-CoDDZk"> <label for="preferredName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-fGGeh5"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-nQnfxj">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-tkpvos"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ciWwmW"> Preferred name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1cALBV0">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-1b8Os1"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''} " id="preferredName" placeholder="Enter your preferred name here" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NwhORk"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-KWgmih"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-db1VmW">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-1697110811204-default-ph-find-your-fit-v16ty93o-WGFe7O"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-WTcwGT"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-WIGzUX"> <label for="name" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-js44DE"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-kzTomA">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4jNomq"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-zAH2c1"> Full name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1Y2D2Cx">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0t6kJ2"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''} " id="name" placeholder="Enter your name here" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-jzAhYx"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-oix5Gx"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-03xQhL">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-1697110811204-default-ph-find-your-fit-v16ty93o-wJa6VE"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-dBsqsx"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-sPofqN"> <label for="email-2" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-xet5sG"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-kDR7lm">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-aMt9Mj"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4z2J9Q">Email <span class="required" data-ph-id="ph-default-ph-find-your-fit-v12EOPtz"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-JxntOh"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-SqifNC"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Rlwhqy"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Cx115Y"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-tbamHa">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ULcDME"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-b9W2BL">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-1697110811204-default-ph-find-your-fit-v16ty93o-vCmbFu"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-uV7brA"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-nx1tP2"> <label for="phone" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-CEWVtt"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GgnXgX">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-S0LhA6"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-B4znBd">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RKPbQL"> <input type="text" name="phone" id="phone" class="form-control ph-a11y-form-control-phone" value.bind="fyfStepConfig.contactInfo.information.phone fs-block" placeholder="(000) 000-0000" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-U5lrrA"> <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-au0RlT"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-tssAkH">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-1697110811204-default-ph-find-your-fit-v16ty93o-GCXaSI"></i> </input></div> <div class="security-info" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-1Ch8N4"> <div class="security-info-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qHEP2Q"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Hhfe2K"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZcDmKx"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-VbJ1Yk"> <label class="input-checkbox-label" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-JxaBsL"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-I9I9fX"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-guBYSt"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-LapWa3"></span> <span class="checkbox-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-VxzPZm"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-qrM3qa"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1WEZptf"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1dqptW3">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-02F0l2"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Bdp6TH"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1WEZptf"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1dqptW3">terms of use</a> </ppc-content> </span> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length) && !hideOptIn" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-iNn6xo"> <div class="checkbox-btn-group" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-TAg6CE"> <label class="input-checkbox-label" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GuLlyj"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZiOGcx"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4l3vwG"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-HtjmR4"></span> <span class="checkbox-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-0Sy7wO"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-XFbh1m">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-1697110811204-default-ph-find-your-fit-v16ty93o-kVzT4I"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf1-please-accept-terms" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-OSDL7h"> Please accept terms of use and policy. </ppc-content> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-fi54fb"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-TdQLhs"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-RmHrAv"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-CDQibt"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-MX1E9d"></span> <span class="checkbox-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-25qtfN"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-LhuwRe"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-NVNLrw">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-psYFJk" view="1697111137293-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-1697112126458" instance-id="fyfconsent" original-view="default" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-LxUixc"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Qd4A6e"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-O2pd3J"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-YJ6s6f"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-mqN2oT"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-JFsNGD"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-bMA7A3">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-yVpyM6"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-xPmV9v"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-36ncPk"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Bo39zh"></i> </span> </button> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-9z1cOH"> <button href="javascript:void(0);" click.delegate="skip()" if.bind="(isCandidateHomeEnabled && (fyfStepConfig.stepType == 'contactInfoWithResume') && (!showLoginScreen || (showLoginScreen && showSkipInCandidateLogin))) || !removeSkipButton" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType == 'authorise' ? widgetBundle['socialSigninStepText'] : fyfStepConfig.stepType } step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-skipStepTypeText1" data-ph-at-id="skip-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-2Bpjii"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-4MCcZV"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-skipText" data-ph-at-id="skip-link-text" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-JbaDsf">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-1697110811204-default-ph-find-your-fit-v16ty93o-YzJ7gh"> <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-2pcy6K"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-WwhGW4"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-YOUDux"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus+1}" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-zHL3g3"> <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-1697110811204-default-ph-find-your-fit-v16ty93o-pzOAjR"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-apmrgG"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-bC7uif"> <div data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RQgYSE"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-noStepsFoundText" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-vseGwi"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-7wCidW"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ucbLji"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1697111137101-re-upload"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-aaGZ92"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="fyf3jd-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-Xi20Nj"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-lHXIIq"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-hJD8oA"></i> </span> <ppc-content key="fyf3jd-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontxt" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-EqnKkh"> Select a file to upload. </ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-ZHrWPr"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-xi8DSS"></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-1697110811204-default-ph-find-your-fit-v16ty93o-YSCeHo"> <span data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-GLOldU">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-iSRbaW"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-LOLmh0"></i> </button> <span class="file-format" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-6mWVEu">File format: txt,.pdf,.doc</span> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1697111137292-view5-new"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-I2PxMh"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-bnyd3z"> <div class="widget-container" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-paElb5"> <div class="content-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-URfM1M"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new-listRole" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-DZNfHm"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-new-listItemRole" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-pb8qTH"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-eteriN"> <div class="icon-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-RFPA1i"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-oxcboB"></i> </div> <div class="text-block" data-ph-id="ph-1697110811204-default-ph-find-your-fit-v16ty93o-kqKrVH"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1697111876474"><div class="candidate-login-widget-area" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-TGOQr7"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-bCDLg2"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-iakc6h"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-j7hhbi"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-yDXgJo"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-uLWyP9"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-kt5pcN"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-T15iBN"></i> <span class="alert-msg" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-StcmOz"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-jlP8xx"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-jKwYJx"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-2eSMKX"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-MLn5sj"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-xcr9jX"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-NtMVXl"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-hjrtjC"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-FEy1wA"> ${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-1697111508027-ph-candidate-login-v1fyf1-eitW9R"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-vNB5Ij"> <form novalidate="" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-vCgXX8"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-3sfAQu"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-BEMvVr"> <label for="signinEmail" class="form-label" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-fYK7CZ"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-SshkWY"> <div class="text-box" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-p5ZVyQ"> <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-1697111508027-ph-candidate-login-v1fyf1-o3KTLv"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-XKvBkN"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-zoR97f"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-LwyuZw"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-44rcdk"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Rx5HPO"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-roqaI8"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-H5vX3t"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-lP0sqe"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-d6hDVw"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-VGoE6Z"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-GQkeGX"> ${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-1697111508027-ph-candidate-login-v1fyf1-LIuOZt"> <label for="signInPassword" class="form-label" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-M3PB1n"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-v0MyPp"> <div class="text-box" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-ZBuIZa"> <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-1697111508027-ph-candidate-login-v1fyf1-GUB3Ey"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-PHovyN"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-kuijak"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-nvBQXR"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-4Ep7Ki"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-y0AkT6"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-GlT5Le"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-LEzJCX"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-hHTAhT"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-p409iK"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Q6kyow"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-5ujCBX"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-79B6Ly"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-HM4pQn"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-B1rmZ3"> ${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-1697111508027-ph-candidate-login-v1fyf1-di92XT"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-d3xfJk"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-n2IHMc"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-yDfXdf"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-rwYnyq"> <div class="form-container" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-1Ug2UA"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-hRndD1"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-z6YAII"> <div class="user-options" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-CLnJ1b"> <span class="each-option" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-INSmtP"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-U5Kuqg"> <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-1697111508027-ph-candidate-login-v1fyf1-JU58e7"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Olhv9H"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-9omvRs"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-89i1SM"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-p9QGnP"> <span class="forgot-password-area" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-jJyfUD"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-hZ7inu"> ${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-1697111508027-ph-candidate-login-v1fyf1-hAZOCy"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-H2caQL"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-2KwIA0"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-EUZGQC"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-t6fP0O"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-sHvyG2"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-HRABRs"> ${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-1697111508027-ph-candidate-login-v1fyf1-pywhUK"> <span id="cd-pf-recieve-email" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-ogmycx"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-MgLea6"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-oAMm2Y"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-xmAR5U"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-WhcNo8"> <!-- 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-1697111508027-ph-candidate-login-v1fyf1-7xNwC9"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-cZOuGb"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-TRxukd"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-N3IgYb"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-FE8u6t"> <form novalidate="" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-gNE61T"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-KfHwaB"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-apPsmZ"> <label for="createEmail" class="form-label" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Hqe8Fw"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-jmloPq"> <div class="text-box" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-xuTdVm"> <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-1697111508027-ph-candidate-login-v1fyf1-rdphWD"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-N1k9SH"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-eh8AFN"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-7Kn98V"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Ffhyir"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-hQUlbM"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Jy5Wnz"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-j7Rer6"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-wIW8N0"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-55Nj3U"> You created an account with this email using ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-4qu0ev"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-mGsPvv"> ${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-1697111508027-ph-candidate-login-v1fyf1-Lxt5cU"> <label for="createPassword" class="form-label" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-2rGKH3"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-4PE9n4"> <div class="text-box" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-STxIdT"> <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-1697111508027-ph-candidate-login-v1fyf1-MCUDrj"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-nusHij"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-2Zbuig"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-vknvmJ"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-wGnq2b"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-d2qssD"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-sp9TZM"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-LSegCY"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-9SoNSE"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Sd2CHm"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-dv7ONt"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-vwvOlF">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-xNFfBP">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-2Yaqi7">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-s989Np">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-UKpWvD"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-5j6pwh"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Vnk32N"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-MyZ2aG"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-PIxr6T"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-JA9kga"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-zaNvrq"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Kcx1sf"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-wDqSqk"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-bBHubr"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-gk7WDb"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-dwBFpO"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-kq29Sy"> <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-1697111508027-ph-candidate-login-v1fyf1-lMZZRl"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Fg5KjF"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-7X7Xsy"></i> </span> <span class="checkbox-text" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-y3r9ry"> <ppc-content key="V0gNSZ-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Jp7BIU"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1JFSCtf"> ${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-ph-candidate-login-v13Wtf2V"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-3kVxyZ"> <span class="checkbox-text" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-JakjQf"> <ppc-content key="hDAnGX-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-HEZWr7"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1JFSCtf"> ${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-ph-candidate-login-v13Wtf2V"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-snh63x"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-auwKRW"> <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-1697111508027-ph-candidate-login-v1fyf1-wCSTUd"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-4oUWss"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Pg567c"></span> <span class="checkbox-text" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-0voqDh"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-16JMZ9"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-QgqlXD">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-bTmhl6" view="1697111876447-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-1697112126572" instance-id="dk1signup" original-view="default" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-c7jQva"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-g0OEMS"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-lrLmFB"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-qIxmnV"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-sWMOAy"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-dqXqzq"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-nsqnmV"> <div class="form-container" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-vjsHiZ"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-QKnhq5"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-H0kKce"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-kEb49n"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-59Ij2B"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-tZM1Ia" view="1697111876460-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-1697112418045" original-view="view5" instance-id="" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-67dcPP"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-J76Fa2"> <span data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-kCfChX"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Bqvdi3"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-IE5BmW"> <span data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-joYS1L"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-CweE4I"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-4Yjzt0"> <a class="termsLink" target="_blank" title="" key-title="fyf1-ph-candidate-login-v1-view1-termsOfUseTitleText" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-7cdZQc">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" title="" key-title="fyf1-ph-candidate-login-v1-view1-privacyPolicyTitleText" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-p1Nf46">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-6l0kFO"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-SIS8eB"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-kv1Qrq"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-lN8Nxk"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-aDJhLl"> <form novalidate="" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-h6oJhf"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-lRLpVm"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-YKWiZb"> <label for="createNewPassword" class="form-label" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-TMcAhE"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-AgVu1X"> <div class="text-box" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-r7kmSN"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "errorCreateNewPassword" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-ZfGT0G"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-7Rce4Y"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-vfEbik"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-dpKER9"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-1QzHuf"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-sySnta"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-grYtED"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-7lw0Ds"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-aueVic"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-Nsct1o"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-UadkzL"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-mXuqB0"> <span class="sr-only" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-cfOev7"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-It9BdY"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-ur7YPH"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-b4H71V"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-DY9Wn8"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-DgOblF"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-f3fHRG"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-OFNIa6">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-kHw0v6">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-UKiyN7">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-rvRzSj">${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-1697111508027-ph-candidate-login-v1fyf1-RJzahF"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-TcX307"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-1Y8DMK"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-DNA3Zt"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-EhZOhk"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-LQDQWW"> <div class="form-container" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-WQdytc"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-KCDFxi"> ${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-1697111508027-ph-candidate-login-v1fyf1-Cp7ea9"> <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-1697111508027-ph-candidate-login-v1fyf1-EQs2nR"> <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-1697111508027-ph-candidate-login-v1fyf1-P1bbTL"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-ySwPoM"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-AaytFD"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-hYjae0"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-MPs6Gi">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-K1R3mN"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-no9Uan">${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-1697111508027-ph-candidate-login-v1fyf1-NogUkq"> ${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-1697111508027-ph-candidate-login-v1fyf1-7MLJNk"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-ajSY5M"></i> <span data-ph-id="ph-view1-1697111508027-ph-candidate-login-v1fyf1-CeOldp">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1697111876667"><div class="candidate-login-widget-area" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-IDAgJ6"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Agb2UG"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-SfdXjS"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-LUh6iz"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-HHfA68"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-J1gD6c"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-40UxTh"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-OVMhz3"></i> <span class="alert-msg" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-eZIFGF"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-vXbA4U"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-t9ikae"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-qpI4ho"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-xYUoiv"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-rgdVAF"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-2fhVCg"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-RzG8Z6"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-KJPes6"> ${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-1697111508245-ph-candidate-login-v1fyf1-GiyyCs"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-F6eg3S"> <form novalidate="" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-oGbrOJ"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-P3kJ23"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Ewxb4B"> <label for="signinEmail" class="form-label" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-zj4KLg"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-pJ51u6"> <div class="text-box" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-ugxiK9"> <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-1697111508245-ph-candidate-login-v1fyf1-XC7ffh"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-IyJa9s"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-ehQkJG"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-XIWMnu"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-lnOd2U"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-lgr5zN"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-8EhvNF"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-bsAWlg"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-LiCYy0"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-9Jnsh1"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-h6j7Yz"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-ZfsGsd"> ${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-1697111508245-ph-candidate-login-v1fyf1-zE5rmj"> <label for="signInPassword" class="form-label" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-6Ct89P"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-OmaNH1"> <div class="text-box" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-lcq20J"> <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-1697111508245-ph-candidate-login-v1fyf1-wkBT7P"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-jKMXdQ"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-hyT6jY"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-32JZzp"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-4Ddynj"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-hveODR"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-xCOG3F"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-nnRpR6"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-H2Jxb2"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-JReRzH"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-hNiYLB"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-wzdyfP"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-wWK1Tx"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Z4EFKF"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-6e40M8"> ${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-1697111508245-ph-candidate-login-v1fyf1-5mVgyj"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-oXL4CU"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-vGGcgh"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-PQmqTR"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-AB9ORk"> <div class="form-container" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-18PnXn"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-7ZOvmd"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-zvw2Sc"> <div class="user-options" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-pZmyGq"> <span class="each-option" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-unO0PU"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Yq4TiX"> <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-1697111508245-ph-candidate-login-v1fyf1-hRDBxz"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-9rajs8"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-9hK9e8"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-uQLEg0"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-zsreng"> <span class="forgot-password-area" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-xP7It3"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-rWAJI8"> ${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-1697111508245-ph-candidate-login-v1fyf1-tSweQZ"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-rvwIqo"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-AwB59m"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-mYcp7F"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-sKumkO"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-k5Q3Qz"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-odQ0tp"> ${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-1697111508245-ph-candidate-login-v1fyf1-04emws"> <span id="cd-pf-recieve-email" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-TWnNT8"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-yuwRiG"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-RVqaOe"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-DK5fvs"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-bbEpfO"> <!-- 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-1697111508245-ph-candidate-login-v1fyf1-bnGuBU"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-2fB4HM"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-ruIE19"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-E6xnnB"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-p7sGmn"> <form novalidate="" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Ii0vai"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-HXV95d"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-I5H882"> <label for="createEmail" class="form-label" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-RQ8l8z"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-4rCYi7"> <div class="text-box" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-NrvBHw"> <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-1697111508245-ph-candidate-login-v1fyf1-BHCBdP"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-mKp2EK"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-JfpMPN"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-NtPDn5"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-DNRRGc"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-VVut0c"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-2VqJ1c"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-rwAhnC"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Gvnjrg"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-efwvoD"> You created an account with this email using ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-yDRV30"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Wsl2ZQ"> ${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-1697111508245-ph-candidate-login-v1fyf1-GI6Dyz"> <label for="createPassword" class="form-label" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-h9F45Q"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-GmC7WO"> <div class="text-box" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-gm2v4e"> <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-1697111508245-ph-candidate-login-v1fyf1-57vah9"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-8Er5Vw"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-IyPcoi"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-eLw5S5"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-meGHjr"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-hwlqkL"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-wYas6b"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-dMra9k"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-fMQtJP"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-6elNha"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-gjB9qQ"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-cB85GY">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-EC4X06">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-zQvznE">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-PQQKeM">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-cLjQxk"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-x2A8jo"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-dOtMsZ"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-n7HMov"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-5RSCrv"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-pS5oJR"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-ljMD8L"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-LN3wu6"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-YJisaM"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-7ROJSs"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-qdTZ6X"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-sx1PVE"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-352EiB"> <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-1697111508245-ph-candidate-login-v1fyf1-GkH7TC"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-MoZTv6"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-gI7Gz3"></i> </span> <span class="checkbox-text" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-BMYrTx"> <ppc-content key="r5wQSf-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-oDbQf4"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1JFSCtf"> ${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-ph-candidate-login-v13Wtf2V"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-gAL1b0"> <span class="checkbox-text" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-ptlDjJ"> <ppc-content key="s7r1va-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-CoRC60"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-view1-ph-candidate-login-v1JFSCtf"> ${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-ph-candidate-login-v13Wtf2V"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-w8R9Jb"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Y9B5LB"> <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-1697111508245-ph-candidate-login-v1fyf1-q364Og"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-6eB0tb"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-ocHuAK"></span> <span class="checkbox-text" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-4HVb1e"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-wCOWke"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-lBF5am">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-qdZX5I" view="1697111876447-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-1697112126675" instance-id="dk1signup" original-view="default" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-N5lBMa"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-iyvO9B"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-3jNbXL"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-v6H9lb"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-NkOhMI"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-BbvSUW"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-r2VPSW"> <div class="form-container" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-G0IlnQ"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-rjxhkk"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-geE94I"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Yhzu4I"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-2R88oy"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-38lESu" view="1697111876460-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-1697112418157" original-view="view5" instance-id="" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-kiUeaq"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-qNj24w"> <span data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-NybX2O"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Crmv63"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-262Kq1"> <span data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-BKyD9D"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-DaBKuN"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Dvm5P3"> <a class="termsLink" target="_blank" title="" key-title="fyf1-ph-candidate-login-v1-view1-termsOfUseTitleText" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-xpYeIq">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" title="" key-title="fyf1-ph-candidate-login-v1-view1-privacyPolicyTitleText" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-620TY5">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-o4GCU6"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-AcrhQa"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-7bAuUD"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-iUXemi"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-3c7618"> <form novalidate="" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-WGZDOH"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-FtGRPL"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-ZlSRgI"> <label for="createNewPassword" class="form-label" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-S3um85"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-g9AqRm"> <div class="text-box" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-htqXd9"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "errorCreateNewPassword" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-w4XZZj"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-uJZAmq"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Rk8Uuv"></i> <div class="pswrd-visibility" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-mwGF2K"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-DqodYh"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-0k98ar"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-IQN4Rf"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-JtKKMe"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-UoqI2i"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Ip0XMi"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-D3DEjw"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-WAC7Jd"> <span class="sr-only" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-3CnlnO"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-n7qdln"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-H6o1U7"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-0vHVjQ"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-lNuvVh"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-XgxwHd"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-DRjsBK"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-BqrvlK">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-9QWI1c">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-KUeXFm">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-rfrQsl">${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-1697111508245-ph-candidate-login-v1fyf1-4KBdcD"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-dLnSOH"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-7zSB1b"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-B3jz80"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-55yIom"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-AbfNIS"> <div class="form-container" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-BUmuRs"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-mLQRUY"> ${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-1697111508245-ph-candidate-login-v1fyf1-w9j9jo"> <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-1697111508245-ph-candidate-login-v1fyf1-S6AU8C"> <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-1697111508245-ph-candidate-login-v1fyf1-FjdgRO"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-rSu149"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Pj86je"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-XF232h"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-FJGoih">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-H8WPAN"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-Akv8Gi">${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-1697111508245-ph-candidate-login-v1fyf1-dIGN5S"> ${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-1697111508245-ph-candidate-login-v1fyf1-RBtrYU"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-T9nNCo"></i> <span data-ph-id="ph-view1-1697111508245-ph-candidate-login-v1fyf1-6cs97N">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1697112126234"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-AtD4gD"> <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-1697111954145-ph-consent-popup-v1fyfconsent-A1ywA5"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-Qj0n1K">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-i54RAC"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-jDbKlC"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-mYpM33"> <div class="close-popup-btn" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-M0pDiE"> <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-1697111954145-ph-consent-popup-v1fyfconsent-ni1Tj7"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-0Wm43h"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-u4HpyN"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-BRNTH4"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-zuj89U"> <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-1697111954145-ph-consent-popup-v1fyfconsent-JD9pWR"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-dWj8U6"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-NMm4i1"></span> <span class="checkbox-text" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-ftRGOc"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-hbWgi1"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-SEa5Tv">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1697111954145-ph-consent-popup-v1fyfconsent-hYUpTM"> <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-1697111954145-ph-consent-popup-v1fyfconsent-25KHyi"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1697112126346"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-N0y9ZE"> <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-1697111954240-ph-consent-popup-v1fyfconsent-d7mWD2"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-zBoGrL">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-HLCbsK"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-4uJtWg"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-UONoue"> <div class="close-popup-btn" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-DSLpP6"> <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-1697111954240-ph-consent-popup-v1fyfconsent-kMBKM9"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-BFZ7uJ"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-NZVnjy"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-zwpWkH"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-keQYkh"> <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-1697111954240-ph-consent-popup-v1fyfconsent-ulmsCI"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-uKXMWj"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-MKVefO"></span> <span class="checkbox-text" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-rswsn1"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-ZwZACg"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-Q2Jlcn">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1697111954240-ph-consent-popup-v1fyfconsent-6zHfsg"> <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-1697111954240-ph-consent-popup-v1fyfconsent-CIZUsv"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1697112126458"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-KMBVxX"> <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-1697111954357-ph-consent-popup-v1fyfconsent-Ubh4ON"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-0oIPOI">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-1llFdU"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-pCnpcY"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-vwOaxF"> <div class="close-popup-btn" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-DxNrZF"> <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-1697111954357-ph-consent-popup-v1fyfconsent-5Wqlqq"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-SsdMGO"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-5K5mFI"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-SiNjWN"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-dMNhvd"> <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-1697111954357-ph-consent-popup-v1fyfconsent-rdDJSO"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-fDd6O7"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-3FqEF3"></span> <span class="checkbox-text" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-PL9JAe"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-Lu5gFM"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-sjoME5">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1697111954357-ph-consent-popup-v1fyfconsent-2hHDAH"> <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-1697111954357-ph-consent-popup-v1fyfconsent-9m3UKJ"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1697112126572"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-xuhmmg"> <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-1697111954455-ph-consent-popup-v1dk1signup-ykFscg"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-287NDu">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-MyflC6"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-43mpHG"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-4ZvPJr"> <div class="close-popup-btn" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-gSQOPH"> <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-1697111954455-ph-consent-popup-v1dk1signup-KXCHsJ"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-tmXYjU"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-641vCN"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-WI2Zsn"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-XBxKfR"> <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-1697111954455-ph-consent-popup-v1dk1signup-w6hj1v"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-rZnPQc"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-lJbmMs"></span> <span class="checkbox-text" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-LwTPeU"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-qUrcpw"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-cyWeJF">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1697111954455-ph-consent-popup-v1dk1signup-GBOoA1"> <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-1697111954455-ph-consent-popup-v1dk1signup-o8LGtF"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1697112126675"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-yP7gLV"> <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-1697111954550-ph-consent-popup-v1dk1signup-rCA7sT"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-ih5WSw">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-hyHacS"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-mZJzea"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-jGQm24"> <div class="close-popup-btn" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-oeRnt3"> <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-1697111954550-ph-consent-popup-v1dk1signup-MUdGFw"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-0n1WAl"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-wHzDIz"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-YvlV1g"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-lOTOrL"> <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-1697111954550-ph-consent-popup-v1dk1signup-mfUgIy"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-CTpx6z"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-qmKxZm"></span> <span class="checkbox-text" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-Agnx3Y"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-Jg2poM"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-xAp6vp">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1697111954550-ph-consent-popup-v1dk1signup-RunYvy"> <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-1697111954550-ph-consent-popup-v1dk1signup-2e7ZLj"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1697112219696"><div class="candidate-login-widget-area" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-6zUWyT"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-f5iFgR"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-neXJ0L"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-432eN3"></i> <span data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-XNMNur">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-hkyW2g"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-qJgYXn"></i> <span data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-ZzTMyX">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-lsMAX8"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Fkp3Qy"> <!-- User details --> <div class="user-details" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-AshA1r"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-6CiulZ"> <span data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-lIzK6F">${profileDetails.profile.firstName ? profileDetails.profile.firstName.substring(0,1) : profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-BegwIp"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Zmh7D7"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-KNq87q"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${profileDetails.profile.firstName}" if.bind="profileDetails.profile.firstName" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-u5k1pT"> ${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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-lqCLqI"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-VBLYOV"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-6qo4E2"> ${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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-0hqMG6"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-nUxXzq"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-rOnFdl"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-vNnYsG"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-T3jtas"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-oQ28Bw"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-kwcGA6"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-opmkXv"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-gLBl9f"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-v4JYnH"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-QDBNTa"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-1015VC"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-YwIT0B"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Kluqxn"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-FXhxeV"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-60o7X1"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-tW9x8K"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-OHK8HA"> ${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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-gCW3Uc"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-dFubGd"> <form novalidate="" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-XFZIGV"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-pL7jUr"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-b12YOy"> <label for="signinEmail" class="form-label" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-jWbOp0"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-O86Bgu"> <div class="text-box" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Zga1l3"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-itlvQK"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-7LsWVX"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-jeJcs2"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-c5K3Ty"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-gDh3Eg"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-hTZ1qV"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-iesUuI"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-wvU10Y"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-1y2eFZ"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-vjX7Pu"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-UMDa3C"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-vLvk9d"> ${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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-5dEbno"> <label for="signInPassword" class="form-label" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-JKkk47"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-57qjLg"> <div class="text-box" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-IPaUfF"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Ym3jFQ"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-pch5AJ"></i> <div class="pswrd-visibility" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-QB1Hzx"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-EzCVo9"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-OkCNGn"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-GNPHie"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-cxqutS"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-bR0ceI"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-9euyCH"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-58mJmp"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-lMhvdS"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Dw5fy7"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-AuBzGh"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-DooZS4"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-NaCYWN"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-OdGRdB"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-rektne"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-vLuchV"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-6cIwv0"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-0cRHl7"> <div class="form-container" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-D3ygS1"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-cVhjVF"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-jtQkkv"> <div class="user-options" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-yzZNFT"> <span class="each-option" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-JO4qKz"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-4UHAMx"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-8Jbi66"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-w7Fuls"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-j0l8cm"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-EYSYl7"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-4SlT4h"> <span class="forgot-password-area" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-TR54HG"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-AzubwE"> ${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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-aq8QOe"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-35wLMV"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-bbF5TK"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-yKFFkv"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-nWIjMm"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-DVvGfV"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-SjvfwU"> ${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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-F15bFA"> <span id="cd-pf-recieve-email" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Nl3jy4"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-huTbYS"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-DHK5Uh"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Nm51t9"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Il3E81"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-k8dIAV"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-UlkMLW"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-QmrxN9"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-XPz3P0"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-DBH1at"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-EruZTK"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-6DTeL3"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-3WaUvH"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-vz2Bjv"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-VtOo33"> <form novalidate="" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-ye2f8i"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-2WNjjw"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-3aAxUa"> <label for="createEmail" class="form-label" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-m9ZAy2"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-UmYyj2"> <div class="text-box" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-7ARPh0"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-p1906P"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-lBHPBe"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-oErFwz"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-1E1IoJ"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-WX2p9m"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-QgIIJd"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-vjdiSq"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-qYAy9y"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-ygAGFk"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-2mXNVw"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-g5ZWdH"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Zrw8vl"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-jqYoAb"> <label for="createPassword" class="form-label" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-O7UVhc"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-FhqPt2"> <div class="text-box" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-QgumtN"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-r0H5Rf"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-G5DTXi"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-BAUvwy"></i> <div class="pswrd-visibility" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-ZQFFA4"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-oKC37g"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-cq5I8R"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-HgF48H"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-SkRE5x"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-qFePdU"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-CO3fIT"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-ThB42n"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-jNT0Kd"> <span class="sr-only" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-YrtsvN"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-dlQLSL"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-4ARgI9"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-j9RMu8"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-XzPBwq"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-3QlYaI"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-pAQy0X"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-HnfI1I">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-5opA0W">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-AgeWgl">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-lxulRN">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-r7Sk2i"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-hHySvC"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Tt6eT3"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-Uwua2t"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-5OmfOZ"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-rtUk1r"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-uUeayf"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-AQczEO"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-zMHtQJ"></i> </span> <span class="checkbox-text" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-k1ZqGy"> <ppc-content key="fyf3-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-fU8Qan">${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-v1qVqKXe"> ${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-v10zgTt1"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-LgfAkr"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-BTT17I"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-5pI5Yh"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-xZ6Mai"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-aiKIzA"></span> <span class="checkbox-text" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-JVTIA9"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-vghSEm"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-wihql0">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-xtJJgl"> <span class="sr-only required-text" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-VpAVES"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-1VeeXE"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-6PnyyH"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-QhUAQ2"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-NFyy5S"> <span class="alert-msg" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-N7v4bo"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-AXMyB7"> <div class="form-container" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-wZxK4c"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-6Yyqnu"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-RxZD2k"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-qERuoX"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-OUg73T"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-SVPaV7" view="1697112219680-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-1697112418290" original-view="view5" instance-id="" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-G4U9wY"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-M0u88I"> <span data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-ikg9WY"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-ZW6Z8j"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-uMgqvK"> <span data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-9TXuCX"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-xpiBSV"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-SZdphy"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-WtSIdR">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-mbDQNw">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-0nQu3m"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-tb3pev"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-UUf0UT"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-LYgn1m"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-fYpTrR"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-j9TOP7"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-wS2wVS"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-IoE40w"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-zo8eBV"></span> <span class="checkbox-text" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-KluAkc"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-3FPfBO"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-xT2lgF">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-1697110811743-default-mobile-ph-candidate-login-v1fyf3-XERn26"> <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-1697110811743-default-mobile-ph-candidate-login-v1fyf3-4aHVtJ"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1697112354207"><div class="candidate-login-widget-area" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-ZElI2O"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-aANHrc"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-NHiahM"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-N2WeqQ"></i> <span data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-u4cFFN">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-76Q1rO"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-q2I9fC"></i> <span data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-zhZDMg">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-0ZfEYZ"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-08dyVl"> <span if.bind="registeredSuccessfully" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Elcypd"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-oElUCT"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-5vwHEa"> <span data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-VDUQPG">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-SYoxZH"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-m5GWuJ"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-vumVKm"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-GJfmt6"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-YVLMPy"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-5sK7MR"> <span data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Z9U7d7">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-zWOEEE"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-q3sBAW"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-vyiyPh"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-E9XZuM"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-PQ8Yba"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-BMDCub"> <div class="user-actions-list" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-hB1Law"> <div class="user-actions-listitem" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Ia3nD9"> <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-1697110811811-default-ph-candidate-login-v1fyf2-TuDWky"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-IBIJe0"> <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-1697110811811-default-ph-candidate-login-v1fyf2-iswWIO"> ${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-1697110811811-default-ph-candidate-login-v1fyf2-dxuaJi"> ${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-1697110811811-default-ph-candidate-login-v1fyf2-HaDyXq"> <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-1697110811811-default-ph-candidate-login-v1fyf2-gNuos1"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-cMU0eP"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-T56Exh"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-DKecs2"> <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-1697110811811-default-ph-candidate-login-v1fyf2-ZJE0qU"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-FhiakU"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-QQUdZu"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-kE30bD"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-pLa79K"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-2MAv64"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-x5DOE5"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-O7iEMz"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-oTNEDI"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-9KeY5N"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-OTKRPW"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-EUvDcm"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-SOC4Fu"> ${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-1697110811811-default-ph-candidate-login-v1fyf2-R3JLQn"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-oUySa2"> <form novalidate="" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-fM84n2"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-pBfi0t"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-om4XxJ"> <label for="signinEmail" class="form-label" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-xq7Lge"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-I6ASfv"> <div class="text-box" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-CSvOk2"> <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-1697110811811-default-ph-candidate-login-v1fyf2-KnbaMx"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-RiDbDT"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-q3CgdN"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-bgr8x3"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-JZSkQD"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-24v2qV"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-BUUN4k"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-TBcGyT"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-JkKCbp"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-HeEgk1"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-4suj50"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-8mVt9V"> ${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-1697110811811-default-ph-candidate-login-v1fyf2-E1DrVb"> <label for="signInPassword" class="form-label" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-SL3I4p"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-6YSAkd"> <div class="text-box" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-sJS9B2"> <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-1697110811811-default-ph-candidate-login-v1fyf2-qRteLc"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-iSuhKd"></i> <div class="pswrd-visibility" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-lS6tLN"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-o1bEak"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-goh7le"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-ffXfsD"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-uVZtEr"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-8lH7tA"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Ee4Yw0"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-OkcWdx"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-PWVrBi"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-LOWi75"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-GXdRa7"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-IayhfY"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-vJbE1G"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-FF5hiE"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-IhZsPb"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Cc9Q9j"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-t7RjQl"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-BZeb1f"> <div class="form-container" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-B9LXby"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-xXtOeU"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-zedHWy"> <div class="user-options" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-0FSR0T"> <span class="each-option" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-JoNl20"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-l5uop6"> <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-1697110811811-default-ph-candidate-login-v1fyf2-9lyUdT"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Gt3rK9"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-PYmFiO"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-gTik4N"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-71M2Nm"> <span class="forgot-password-area" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-4BU1jh"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-IakjA4"> ${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-1697110811811-default-ph-candidate-login-v1fyf2-B3JyBd"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-cEU4Ww"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-RKzAUY"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-pY3Nho"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-KPyljU"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-mHFkAD"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-v2SGzL"> ${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-1697110811811-default-ph-candidate-login-v1fyf2-1bN8md"> <span id="cd-pf-recieve-email" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-DKPRMS"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-pjCBGc"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-RvSRzI"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-6QUdd0"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-JXObAR"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Bkeo6Q"> <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-1697110811811-default-ph-candidate-login-v1fyf2-5MCNz0"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-D4UsRG"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-34Y07b"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-nvagXA"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-mqbNl2"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-E45Xh5"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-VdRzFZ"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-dB1bCP"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-ih2LYM"> <form novalidate="" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-gGZZdy"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-ZiIWBY"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-F3HurM"> <label for="createEmail" class="form-label" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-CyRXle"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-mC1u83"> <div class="text-box" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-q6HlKS"> <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-1697110811811-default-ph-candidate-login-v1fyf2-IxUoZC"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-XhkyWH"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-rARmPR"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-vP9kzT"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-5TqJaQ"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-CtBQgo"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-u7RBAN"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-fRK0RA"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-GiPGNd"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Oap1AA"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-1gMDl3"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Lrdxcz"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-ZjbwSM"> <label for="createPassword" class="form-label" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-vlL6ZV"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Zj4dMU"> <div class="text-box" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-OLtNVd"> <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-1697110811811-default-ph-candidate-login-v1fyf2-pAOnFv"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-zmORVo"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-uUmj5I"></i> <div class="pswrd-visibility" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-psUnHw"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Gy6g0d"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-e0URtg"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-9utxHO"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-EL51Hz"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-cF7yMR"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-7Azwp3"> ${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-1697110811811-default-ph-candidate-login-v1fyf2-lDV6XD"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-kYWLPk"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-asbe7S"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-VwYXFs"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-iZX7Tb"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-O5FhnD"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-yWVXpb"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Fsvl8n"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-AKOnAh">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-61ZERh">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-AkM42R">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-ZYVvHV">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-ieIGU5"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-b11ZLQ"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-tMwIkb"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-MXRotf"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-h3D8pH"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-zluMsp"> <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-1697110811811-default-ph-candidate-login-v1fyf2-GAxRSI"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-2XzWQD"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-KltxeE"></i> </span> <span class="checkbox-text" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-M1qYNk"> <ppc-content key="YcyhAH-fyf2-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-mlM6hB"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-ph-candidate-login-v1IPtjeb"> ${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-v1n0zWkH"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-u8n0zj"> <span class="checkbox-text" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-AYfNl3"> <ppc-content key="AShpCm-fyf2-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-k0SY6Y"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-ph-candidate-login-v1IPtjeb"> ${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-v1n0zWkH"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Iudpl9"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-lGYQ6R"> <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-1697110811811-default-ph-candidate-login-v1fyf2-ueyv3b"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-QUALHK"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-WZA99y"></span> <span class="checkbox-text" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-PzfBjk"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-wa8kwv"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-iMQWQw">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-5lYDn6"> <span class="sr-only required-text" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-8pae2P"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-65ktoR"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-hYfl4w"> <span class="alert-msg" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-VXMOvX"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-D8qbyO"> <span class="alert-msg" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-z4OM8I"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-xUCm7L"> <div class="form-container" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-GVYHrW"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-E7jvkr"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-7w8pyi"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-GK5YJt"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Y4EGdt"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-URN75c" view="1697112354191-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-1697112418402" original-view="view5" instance-id="" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-5zcAMk"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-QKWeWI"> <span data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-BdSIrB"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-mK2TUm"> ${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-1697110811811-default-ph-candidate-login-v1fyf2-95h5NW"> <span data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-ZBqnVR"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-K9yayI"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-loubVl"> <a class="termsLink" target="_blank" title="" key-title="fyf2-ph-candidate-login-v1-default-termsOfUseTitleText" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-CqCqmS">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" title="" key-title="fyf2-ph-candidate-login-v1-default-privacyPolicyTitleText" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-XoAgQu">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-nIyZqi"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-5qjnaL"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-teoQ1y"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-oLaLYU"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-0pzyCI"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-tmmg9a"> <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-1697110811811-default-ph-candidate-login-v1fyf2-aQ1GFW"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-xeOV7o"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-CX173w"></span> <span class="checkbox-text" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-9RWlsk"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-Krxh5T"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-vyImAZ">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-hlzazs"> <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-1697110811811-default-ph-candidate-login-v1fyf2-QsEV7L"> ${!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-1697110811811-default-ph-candidate-login-v1fyf2-sFmYMZ"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-7Jbcyp"> <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-1697110811811-default-ph-candidate-login-v1fyf2-W1vUsH"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-4VOaLN"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-cI681O">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-CGl40q">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn && isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-IBLfD1">${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-1697110811811-default-ph-candidate-login-v1fyf2-l1k4jE">${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-1697110811811-default-ph-candidate-login-v1fyf2-3W2aMQ"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-yZpZ1T"> <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-1697110811811-default-ph-candidate-login-v1fyf2-IcyMTs"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-RxqsQg"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-reaYNC">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-1697110811811-default-ph-candidate-login-v1fyf2-MVzy51">${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-1697110811811-default-ph-candidate-login-v1fyf2-MAuuna"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1697112417933"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-4VMx3f"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-pqKjx0"> <div class="widget-container" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-kP9nxW"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-1mPG2a"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-kjlN9L"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-ISSchu"> <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-1697112279476-ph-social-connect-v17uyy7u-FZxJeC"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-DJT8XN"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-eU5LfA"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-7rEUSr"> <ppc-content key="KAj0ax-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-R8qgjb"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1APxLLF"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1UFyjoi"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-6OpxU0"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-kDIxKp"> <ppc-content key="FQozvP-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-oD5a4n"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1APxLLF"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1UFyjoi"> ${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-1697112279476-ph-social-connect-v17uyy7u-w6hhd5"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-40SbSb"> <span class="social-alert-msg" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-EqyYcd"> ${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-1697112279476-ph-social-connect-v17uyy7u-DVQEQD"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="7uyy7u-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-81adNi"> <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-1697112279476-ph-social-connect-v17uyy7u-QEttAt"> <div class="icon-block" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-66rKrc"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-zzCJj1"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1697112279476-ph-social-connect-v17uyy7u-xggbFb"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1697112418045"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-oONVDL"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-R5lMb0"> <div class="widget-container" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-YLGPDA"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-oOlMCI"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-70z0OO"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-OamPun"> <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-1697112279589-ph-social-connect-v1-CZAiYI"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-IaglWB"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-9d3ZLq"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-xUQBJy"> <ppc-content key="jReMYW-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-cvrsuq"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-RkI8an"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-zsT9Fk"> <ppc-content key="IZgRMF-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-5YwHj6"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${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-1697112279589-ph-social-connect-v1-G3cygw"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-rUKLu2"> <span class="social-alert-msg" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-IqZD9O"> ${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-1697112279589-ph-social-connect-v1-AAbv0o"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-mvxua2"> <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-1697112279589-ph-social-connect-v1-aQ3FHz"> <div class="icon-block" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-fSMJkY"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-qH0WcP"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1697112279589-ph-social-connect-v1-BCtxvS"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1697112418157"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-ahePmZ"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-iXKbft"> <div class="widget-container" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-eQ9X6w"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-KB5XDU"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-6cshLy"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-Qlwz3Y"> <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-1697112279702-ph-social-connect-v1-i2omL4"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-tkGbkS"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-CwSqYm"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-lWQk8y"> <ppc-content key="oJrMJO-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-VXnGQL"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-49bc16"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-pg89w0"> <ppc-content key="sF2uEt-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-RAud03"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${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-1697112279702-ph-social-connect-v1-rinCQU"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-kot5Hq"> <span class="social-alert-msg" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-fQrPXY"> ${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-1697112279702-ph-social-connect-v1-xNuvc9"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-RIDofV"> <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-1697112279702-ph-social-connect-v1-uLcHjB"> <div class="icon-block" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-RHTt7f"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-eIk83V"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1697112279702-ph-social-connect-v1-zioMaD"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1697112418290"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-74acZc"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-zs8wDB"> <div class="widget-container" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-5SDBXA"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-waFDqc"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-JmQ7Pa"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-Qboef6"> <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-1697112279837-ph-social-connect-v1-hIMHu3"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-Ks1S01"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-OoFUTK"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-R4V5jJ"> <ppc-content key="BgddPr-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-3qO8by"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-9vGSMU"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-aOWuRE"> <ppc-content key="vkaPzs-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-PEwDBI"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${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-1697112279837-ph-social-connect-v1-NzMiOq"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-VSX1df"> <span class="social-alert-msg" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-NFpWqv"> ${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-1697112279837-ph-social-connect-v1-iaiRfL"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-lh2g9Q"> <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-1697112279837-ph-social-connect-v1-5nQvV0"> <div class="icon-block" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-KIIbKm"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-Wtandx"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1697112279837-ph-social-connect-v1-5wCGww"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1697112418402"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-HApCzd"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-eNRo3u"> <div class="widget-container" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-cJwJpl"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-Jmpf3X"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-l9A6nE"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-RUyx29"> <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-1697112354191-view5-ph-social-connect-v1-6n4h5q"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-wslVmq"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-sDNiVD"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-cDjhkb"> <ppc-content key="uvQ6m7-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-vLMwpb"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-c4abyY"> <span class="social-checkbox-btn-text" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-oVQt3i"> <ppc-content key="RLswlU-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-RmawzW"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1wLYEW2"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1Zgs8mn"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-mzEh3E"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-jno2oB"> <span class="social-alert-msg" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-LjqQKw"> ${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-1697112354191-view5-ph-social-connect-v1-1tAgq3"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-3J9wa9"> <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-1697112354191-view5-ph-social-connect-v1-Ps76pE"> <div class="icon-block" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-ABuluS"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-1byCzz"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-1697112354191-view5-ph-social-connect-v1-IQGjCx"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-global-search-v1-2178815065542176-view3"><form class="phs-widget-block-area ph-widget-box ph-mobile-search-backdrop" data-pre-render="" action="" aria-label="Global search" key-aria-label="X9GMVG-ph-global-search-v1-view3-globalSearchAriaLabelText" data-ph-id="ph-widget-element-2178815065542176-2"> <div class="search-text-block phcriticalhide" if.bind="agpData && agpData.bannerText && agpData.totalHits >0" data-ph-id="ph-widget-element-2178815065542176-3"> <div class="dynamic-text" data-ph-id="ph-widget-element-2178815065542176-4"> <h1 data-ph-id="ph-widget-element-2178815065542176-5"> ${agpData.bannerText} </h1> </div> <div class="jobsCount-text" data-ph-id="ph-widget-element-2178815065542176-6"> <h6 data-ph-id="ph-widget-element-2178815065542176-7"> ${widgetBundle[(agpData.totalHits > 1) ? 'jobsDependsOnFilterPlural' : 'jobsDependsOnFilter'] | pht :{ 'jobsCount': agpData.totalHits }} </h6> </div> </div> <div class="form-group phs-global-search" data-ph-id="ph-widget-element-2178815065542176-8"> <div class="input-group" data-ph-id="ph-widget-element-2178815065542176-9"> <div class="job-filter ph-search-group" data-ph-at-id="keyword-category" data-ph-id="ph-widget-element-2178815065542176-10"> <div data-ph-id="ph-widget-element-2178815065542176-11"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="085VcA-X9GMVG-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" type="button" data-ph-id="ph-widget-element-2178815065542176-12"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-13"></i> </button> <label class="sr-only" for="typehead" key="X9GMVG-ph-global-search-v1-view3-globalSearchLabel" data-ph-id="ph-widget-element-2178815065542176-14"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-searchLabel" data-ph-at-id="globalsearchlabel-text" data-ph-id="ph-widget-element-2178815065542176-15">Search for Job Title </ppc-content> </label> <input type="text" placeholder="Enter keyword" key-placeholder="X9GMVG-ph-global-search-v1-view3-globalSearchInputPlaceholderText1" ref="typehead" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchPlaceholder, placeholder" aria-haspopup="listbox" placeholder.bind="getWidgetBundleValue('globalsearchPlaceholder', 'placeholder', typehead)" class="ph-input-search form-control ph-a11y-search-box phs-keywords input-lg" ph-a11y-autocomplete="" aria-autocomplete="list" name="typehead" id="typehead" aria-controls="typehead-listbox" value.bind="searchValue" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="typehead-listbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-2178815065542176-16"> <span class="search-sym" data-ph-id="ph-widget-element-2178815065542176-17"> <i class="icon icon-search" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-18"></i> </span> <button ph-tevent="clear_searches_click" tabindex="0" class="phs-keysearch-clear phcriticalhide" focus.trigger="setFocusField('typehead')" click.trigger="clearSearch($event)" blur.trigger="setFocusField('typehead',true)" show.bind="searchValue" data-ph-at-id="clear-globalsearch-link" type="button" data-ph-id="ph-widget-element-2178815065542176-19"> <i class="icon icon-cancel" aria-hidden="true" role="presentation" data-ph-id="ph-widget-element-2178815065542176-20"></i> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-21"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-clearInputFieldSearchText1" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-2178815065542176-22"> clear text</ppc-content> </span> </button> </input></div> <div class="phs-search-suggestions phcriticalhide" show.bind="showDropDown" aria-label="Search suggestions" id="typehead-listbox" aria-labelledby="typehead-listbox" tabindex="-1" data-ph-id="ph-widget-element-2178815065542176-23"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="!(searchValue.length > 0)" data-ph-at-id="onclick-category" data-ph-id="ph-widget-element-2178815065542176-24"> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches && isNluSearch" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-2178815065542176-25"> <h3 role="presentation" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-26"> <ppc-content key="K0tqw2-X9GMVG-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-27">Recent Searches </ppc-content> </h3> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-widget-element-2178815065542176-28"> <div repeat.for="eachKeyword of keywordsSearched" role="option" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-2178815065542176-29"> <a ph-tevent="type_ahead_search" tabindex="-1" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-2178815065542176-30">${eachKeyword}</a> </div> </div> </div> <div class="phs-search-categories" if.bind="showAllJobCategories && !isMilitarySearch" data-ph-id="ph-widget-element-2178815065542176-31"> <h2 role="presentation" class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-32"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobCategoriesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-33"> Job Categories </ppc-content> </h2> <div role="listbox" aria-label="Job Category suggestions" class="phs-search-category-list" data-ph-at-id="category-list" data-ph-at-total-data-count="${categoryColumns.length}" data-ph-id="ph-widget-element-2178815065542176-34"> <div repeat.for="category of allJobCategories" class="job-list job-container-category_${$index}" data-ph-at-id="category-list-item" role="option" aria-setsize="${allJobCategories.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-2178815065542176-35"> <a ph-tevent="job_category_search_click" tabindex="-1" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" data-ph-at-id="category-link" data-ph-at-data-text="${category.key}" data-ph-at-data-count="${category.total_count}" data-ph-id="ph-widget-element-2178815065542176-36"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-37"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-widget-element-2178815065542176-38">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-widget-element-2178815065542176-39">${category.total_count}</span> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-40"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-totalJobsCountLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-2178815065542176-41"> jobs </ppc-content> </span> </a> </div> </div> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-widget-element-2178815065542176-42"> <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-2178815065542176-43"> <h2 data-ph-id="ph-widget-element-2178815065542176-44"> <ppc-content key="TB9hsM-X9GMVG-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-45"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" data-ph-at-data-count="${suggestedMOSKeywords.length}" role="listbox" data-ph-id="ph-widget-element-2178815065542176-46"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" :aria-posinset="${index + 1}" :aria-setsize="suggestedJobResults.length + suggestedMOSKeywords.length" data-ph-id="ph-widget-element-2178815065542176-47"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-2178815065542176-48"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2178815065542176-49"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-widget-element-2178815065542176-50"> <ppc-content key="8wcLyW-X9GMVG-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-2178815065542176-51"> No results found </ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isNluSearch && !isMilitarySearch" phfc="${setKeywordSuggested(['suggestedJobs','suggestedLocations', 'suggestedCategories', 'keywordsSearched', 'suggestedKeywords'])}" data-ph-id="ph-widget-element-2178815065542176-52"> <div class="phs-jobs-suggested" if.bind="suggestedJobs.length" data-ph-at-id="suggested-jobs" data-ph-id="ph-widget-element-2178815065542176-53"> <h2 class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-54"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-55"> Jobs </ppc-content> </h2> <div role="listbox" aria-label="Job suggestions" tabindex="-1" class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedJobs.length}" data-ph-id="ph-widget-element-2178815065542176-56"> <div repeat.for="eachJob of suggestedJobs" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${$index + 1}" data-ph-at-id="suggested-data-list-item" class="job-list phsJobsSuggested_${$index}" data-ph-id="ph-widget-element-2178815065542176-57"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'job', eachJob)}" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" data-title="${eachJob.title_raw}" data-jobid="${eachJob.id}" tabindex="-1" data-ph-at-id="suggested-data-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-category-text="${eachJob.category}" data-ph-id="ph-widget-element-2178815065542176-58"> <div class="phs-job-title" data-ph-id="ph-widget-element-2178815065542176-59"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-60"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobTitleText" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2178815065542176-61"> Job title </ppc-content> </span> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2178815065542176-62"></span> </div> <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-widget-element-2178815065542176-63"> <span class="phs-job-location" data-ph-id="ph-widget-element-2178815065542176-64"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-65"> <ppc-content key="YfDBVI-X9GMVG-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-2178815065542176-66"> location </ppc-content> </span> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-widget-element-2178815065542176-67"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-68"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobCategoryText" data-ph-at-id="jobcategory-text" data-ph-id="ph-widget-element-2178815065542176-69"> ${widgetBundle['categorySrText'] || "Category"} </ppc-content> </span> ${eachJob.category} </span> </div> </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" if.bind="suggestedMOSKeywords.length" data-ph-id="ph-widget-element-2178815065542176-70"> <h2 data-ph-id="ph-widget-element-2178815065542176-71"> <ppc-content key="2RJqKN-X9GMVG-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-72"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedMOSKeywords.length}" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-widget-element-2178815065542176-73"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedJobs.length + $index + 1}" data-ph-id="ph-widget-element-2178815065542176-74"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-2178815065542176-75"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-76"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-militaryCodeTextSr" data-ph-at-id="military-text" data-ph-id="ph-widget-element-2178815065542176-77"> Military Code </ppc-content> </span> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2178815065542176-78"></span> </a> </li> </ul> </div> <div class="phs-locations-suggested" if.bind="suggestedLocations.length > 0" data-ph-at-id="suggested-locations" data-ph-id="ph-widget-element-2178815065542176-79"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2178815065542176-80"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobLocationHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-81"> Location </ppc-content> </h2> <div role="listbox" aria-label="location suggestions" tabindex="-1" class="phs-locations-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedLocations.length}" data-ph-id="ph-widget-element-2178815065542176-82"> <div repeat.for="eachLocation of suggestedLocations" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + $index + 1}" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" data-ph-id="ph-widget-element-2178815065542176-83"> <a href="${getUrl(linkEle, 'search-results', eachLocation, 'qcity='+eachLocation.city)}" ph-tevent="type_ahead_search" ref="linkEle" tabindex="-1" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.city}" data-category="${eachLocation.city}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.city}" data-ph-at-data-count="${eachLocation.count}" data-ph-id="ph-widget-element-2178815065542176-84"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-85"> <ppc-content key="FflZgb-X9GMVG-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-2178815065542176-86"> location </ppc-content> </span> ${eachLocation.city} <span class="phs-jobs-count" data-ph-id="ph-widget-element-2178815065542176-87">${eachLocation.count}</span> <span class="sr-only" if.bind="eachLocation.count == 1" data-ph-id="ph-widget-element-2178815065542176-88"> job </span> <span class="sr-only" if.bind="eachLocation.count > 1" data-ph-id="ph-widget-element-2178815065542176-89"> jobs </span> </a> </div> </div> </div> <div class="phs-categorys-suggested" if.bind="suggestedCategories.length > 0" data-ph-at-id="suggested-categories" data-ph-id="ph-widget-element-2178815065542176-90"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2178815065542176-91"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-suggestedCategoryHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-92">Category </ppc-content> </h2> <div role="listbox" aria-label="category suggestions" tabindex="-1" class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedCategories.length}" data-ph-id="ph-widget-element-2178815065542176-93"> <div repeat.for="eachCategory of suggestedCategories" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + $index + 1}" class="job-list phsCategorySuggested_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-2178815065542176-94"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'category', eachCategory)}" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" tabindex="-1" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-widget-element-2178815065542176-95"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-96"> category </span> ${eachCategory.category} <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-widget-element-2178815065542176-97"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> <span class="sr-only" if.bind="eachCategory.count == 1" data-ph-id="ph-widget-element-2178815065542176-98"> job </span> <span class="sr-only" if.bind="eachCategory.count > 1" data-ph-id="ph-widget-element-2178815065542176-99"> jobs </span> </a> </div> </div> </div> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-2178815065542176-100"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2178815065542176-101"> <ppc-content key="wqUijo-X9GMVG-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-102">Recent Searches </ppc-content> </h2> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-widget-element-2178815065542176-103"> <div repeat.for="eachKeyword of keywordsSearched" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + $index + 1}" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-2178815065542176-104"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" tabindex="-1" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-2178815065542176-105"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-106"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-recentSearchText" data-ph-at-id="recentsearch-text" data-ph-id="ph-widget-element-2178815065542176-107"> Recent Search </ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested" if.bind="suggestedKeywords.length > 0" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-2178815065542176-108"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2178815065542176-109"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-110"> suggested keywords </ppc-content> </h2> <div role="listbox" aria-label="keyword suggestions" tabindex="-1" class="job-list phs-suggested-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedKeywords.length}" data-ph-id="ph-widget-element-2178815065542176-111"> <div repeat.for="eachKeyword of suggestedKeywords" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + keywordsSearched.length + $index + 1}" show.bind="$index < 3" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-2178815065542176-112"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" tabindex="-1" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-2178815065542176-113"> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-114"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-suggestedKeywordTxt" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-widget-element-2178815065542176-115"> suggested keywords </ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="no-result-found" if.bind="searchValue && !suggestedJobs.length && !suggestedLocations.length && !suggestedKeywords.length && !suggestedCategories.length && (!showRecentSearches || !keywordsSearched.length)" key="kd5SQe-X9GMVG-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-widget-element-2178815065542176-116"> No suggestions available </div> </div> <div class="phs-keyword-suggestions" if.bind="searchValue.length > 0 && suggestedNluKeywords.length && isNluSearch" data-ph-id="ph-widget-element-2178815065542176-117"> <div class="phs-suggested-keywords-suggested" show.bind="suggestedNluKeywords.length > 0 " data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-2178815065542176-118"> <div role="listbox" aria-label="Search suggestions" tabindex="-1" class="phs-suggested-keywords-list phs-suggested-nlu-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedNluKeywords.length}" data-ph-id="ph-widget-element-2178815065542176-119"> <div repeat.for="eachKeyword of suggestedNluKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-2178815065542176-120"> <div class="phs-nlu-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.key}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setNluKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-2178815065542176-121"> <span innerhtml="${eachKeyword.keyHtml | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2178815065542176-122"></span> </div> </div> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="location" if.bind="dataMode == 'loc-cat'" phae-state="loc-cat" data-ph-id="ph-widget-element-2178815065542176-123"> <label class="sr-only" for="gllocationInput" key="tA108b-X9GMVG-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-widget-element-2178815065542176-124"> Enter Location </label> <div data-ph-id="ph-widget-element-2178815065542176-125"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="RbjVHS-X9GMVG-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" type="button" data-ph-id="ph-widget-element-2178815065542176-126"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-127"></i> </button> <input type="text" id="gllocationInput" name="location" aria-label="Location" key-aria-label="X9GMVG-ph-global-search-v1-view3-locationsearchboxtitle" placeholder="Enter Location" aria-autocomplete="list" key-placeholder="X9GMVG-ph-global-search-v1-view3-locationPlaceholderText" ph-a11y-autocomplete="" aria-haspopup="listbox" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" ignoreexpanded="true" autocomplete="off" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" ref="location" if.bind="getWidgetBundleValue" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="gllocationListbox" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-2178815065542176-128" /> <span class="search-sym" data-ph-id="ph-widget-element-2178815065542176-129"> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-130"></i> </span> <button type="button" class="phs-keysearch-clear phs-keysearch-clear-location phcriticalhide" focus.trigger="setFocusField('location')" blur.trigger="setFocusField('location',true)" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" ph-tevent="clear_searches_click" data-ph-id="ph-widget-element-2178815065542176-131"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-2178815065542176-132"></i> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-133"> <ppc-content key="RgN0Ot-X9GMVG-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-2178815065542176-134"> Clear Location Search Text </ppc-content> </span> </button> <div class="phs-search-suggestions phcriticalhide" id="gllocationListbox" aria-labelledby="gllocationListbox" show.bind="showLocationDropdown" data-ph-id="ph-widget-element-2178815065542176-135"> <h2 tabindex="-1" aria-label="Location" key-aria-label="mPQ50C-X9GMVG-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-2178815065542176-136"> <ppc-content key="OfntkU-X9GMVG-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-137"> Location </ppc-content> </h2> <div aria-label="recent search suggestions" tabindex="-1" show.bind="showLocationDropdown" class="phs-locations-suggested-list" role="listbox" key-role="X9GMVG-ph-global-search-v1-view3-listBoxLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-2178815065542176-138"> <div repeat.for="eachLocation of allLocations" role="option" key-role="U1seDT-X9GMVG-ph-global-search-v1-view3-locationOption" if.bind="allLocations.length" class="job-list phsLocationsSuggested_${$index} ${locationValue && $index == 0 ? 'selected' : ''}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-2178815065542176-139"> <a href="javascript:void(0)" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.key}" data-ph-at-data-count="${eachLocation.total_count}" data-ph-id="ph-widget-element-2178815065542176-140"> <span class="phs-jobs-category" data-ph-id="ph-widget-element-2178815065542176-141">${eachLocation.key}</span> <span class="phs-jobs-count" data-ph-id="ph-widget-element-2178815065542176-142">${eachLocation.total_count}</span> <span class="sr-only" if.bind="eachLocation.total_count" data-ph-id="ph-widget-element-2178815065542176-143"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-jobsLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-2178815065542176-144">jobs </ppc-content> </span> </a> </div> <div data-ph-at-id="no-data" class="no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-widget-element-2178815065542176-145"> <ppc-content key="X9GMVG-ph-global-search-v1-view3-noLocationsFound" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-2178815065542176-146"> No locations found </ppc-content> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="globalsearchlocation" if.bind="dataMode == 'loc-less'" phae-state="loc-less" data-ph-id="ph-widget-element-2178815065542176-147"> <label class="sr-only" for="gllocationInput" key="ORyyYL-X9GMVG-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-widget-element-2178815065542176-148"> Enter Location </label> <div data-ph-id="ph-widget-element-2178815065542176-149"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="X9GMVG-ph-global-search-v1-view3-mobileBackButtonText3" click.delegate="clearBackdrop($event)" type="button" data-ph-id="ph-widget-element-2178815065542176-150"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-2178815065542176-151"></i> </button> <input type="text" id="gllocationInput" name="location" key-aria-label="X9GMVG-ph-global-search-v1-view3-locationAriaLabelText" placeholder="Enter location" aria-autocomplete="list" ph-a11y-autocomplete="" aria-haspopup="listbox" key-placeholder="X9GMVG-ph-global-search-v1-view3-locationBoxPlaceholderText" ref="location" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" aria-owns="gllocationListbox" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-2178815065542176-152" /> <span class="search-sym" data-ph-id="ph-widget-element-2178815065542176-153"> <i aria-hidden="true" class="icon icon-map-pin" data-ph-id="ph-widget-element-2178815065542176-154"></i> </span> <button class="phs-keysearch-clear phcriticalhide" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" ph-tevent="clear_searches_click" tabindex="0" type="button" data-ph-id="ph-widget-element-2178815065542176-155"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-2178815065542176-156"></i> <span class="sr-only" data-ph-id="ph-widget-element-2178815065542176-157"> <ppc-content key="2Odx9E-X9GMVG-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-2178815065542176-158"> Clear Location Search Text </ppc-content> </span> </button> <div class="phs-search-suggestions phcriticalhide" show.bind="showLocationDropdown" aria-labelledby="gllocationListbox" data-ph-id="ph-widget-element-2178815065542176-159"> <h2 key-aria-label="WkFaZv-X9GMVG-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-2178815065542176-160"> <ppc-content key="yoBquw-X9GMVG-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2178815065542176-161"> Location </ppc-content> </h2> <div role="listbox" aria-label="Location suggestions" tabindex="-1" class="phs-locations-suggested-list" id="gllocationListbox" aria-labelledby="gllocationListbox" key-role="X9GMVG-ph-global-search-v1-view3-listBoxGlLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-2178815065542176-162"> <div repeat.for="eachLocation of allLocations" if.bind="allLocations.length" role="option" key-role="obIT8D-X9GMVG-ph-global-search-v1-view3-locationOption" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-2178815065542176-163"> <a href="javascript:void(0)" aria-label="${eachLocation.description || eachLocation.key}" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.description || eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.description || eachLocation.key}" data-ph-id="ph-widget-element-2178815065542176-164"> ${eachLocation.description} </a> </div> <div data-ph-at-id="no-data" class="job-list no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-widget-element-2178815065542176-165"> <ppc-content key="D9mImY-X9GMVG-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-2178815065542176-166"> No locations found </ppc-content> </div> </div> </div> </div> </div> <span class="input-group-btn" data-ph-id="ph-widget-element-2178815065542176-167"> <button submit.delegate="handleSubmitClick()" click.delegate="handleSubmitClick()" type="submit" disabled.bind="isDisabled" phae-ally="aria-disabled#false" aria-disabled="${isDisabled ? 'true':'false'}" class="btn primary-button btn-lg phs-search-submit ${isDisabled? ' disabled':''}" data-ph-at-id="globalsearch-button" id="ph-search-backdrop" role="button" phae="ph-global-search-v1" phae-type="click" orig-value="${widgetBundle['globalsearchButtonText'] | pht}" phae-main="1" data-ph-id="ph-widget-element-2178815065542176-168"> <i aria-hidden="true" class="icon icon-search" phae-ref="1" data-ph-id="ph-widget-element-2178815065542176-169"></i> <span phae-bind-literal="globalsearchButtonText" phae-ref="1" data-ph-id="ph-widget-element-2178815065542176-170">${widgetBundle['globalsearchButtonText'] | pht}</span> </button> </span> </div> </div> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-2178815065542176-171"> <span if.bind="resultsUpdated" data-ph-id="ph-widget-element-2178815065542176-172"> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue" key="X9GMVG-ph-global-search-v1-view3-jobCategoriesAsSRText" data-ph-id="ph-widget-element-2178815065542176-173"> Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && (suggestedJobResults.length + suggestedMOSKeywords.length)" key="X9GMVG-ph-global-search-v1-view3-jobSuggestionsAsSRText" data-ph-id="ph-widget-element-2178815065542176-174"> ${suggestedJobResults.length + suggestedMOSKeywords.length} suggestions available, navigate to the list to select suggestion. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && !suggestedJobs.length && !(suggestedJobResults.length + suggestedMOSKeywords.length)" key="u3aaq8-X9GMVG-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-widget-element-2178815065542176-175"> No suggestions available </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && suggestedMOSKeywords && suggestedMOSKeywords.length > 0" key="X9GMVG-ph-global-search-v1-view3-militaryJobsSelectionAsSRText" data-ph-id="ph-widget-element-2178815065542176-176"> ${suggestedMOSKeywords.length} Military job suggestions available, navigate to the list to select suggestion. </span> <span if.bind="isMilitarySearch && !searchValue.length && !gsClrTxt && isSearchInFocus" key="X9GMVG-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText" data-ph-id="ph-widget-element-2178815065542176-177"> press any key for military job suggestions </span> <span if.bind="isMilitarySearch && !searchValue.length && gsClrTxt && isSearchInFocus" key="X9GMVG-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText2" data-ph-id="ph-widget-element-2178815065542176-178"> text cleared press any key for military job suggestions </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && !suggestedMOSKeywords.length" key="X9GMVG-ph-global-search-v1-view3-militarySearchNoResultsAsSRText" data-ph-id="ph-widget-element-2178815065542176-179"> No results found </span> <span if.bind="showLocationDropdown && allLocations && !locationValue && allLocations.length" data-ph-at-id="expanded-suggestions-available" data-ph-id="ph-widget-element-2178815065542176-180"> Suggested locations available. Move to expanded list to select locations. </span> <span if.bind="showLocationDropdown && locationValue && allLocations && allLocations.length" data-ph-at-id="select-suggestions-available" data-ph-id="ph-widget-element-2178815065542176-181"> ${allLocations.length} locations available, move to list to select location. </span> <span if.bind="showLocationDropdown && locationValue && !allLocations.length" data-ph-at-id="no-suggestions-text" data-ph-id="ph-widget-element-2178815065542176-182"> No locations found </span> </span> </span> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-2178815065542176-183"> <span if.bind="gsClrTxt && !isMilitarySearch" data-ph-id="ph-widget-element-2178815065542176-184"> Text cleared. </span> </span> </form></script><script type="text/javascript">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1659020793429.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/tenantcss/main-1710930557048.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/tenantcss/color-css-1700734959062.css" id="colorCss" /><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript"> phApp.pageId = "page9";</script><script id="page_dynamic_literals"> phApp.translations = {"ph-category-overview-v3-view9":{"categoryCountPlural":"opportunities","categoryCountSingler":"opportunity"},"ph-social-connect-v1-view5":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","privacyPolicyCheckboxText":"I have read and agree to the ","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","privacyPolicyLink":"javascript:void(0);","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","privacyPolicyText":"Privacy Policy","google-sign":"Sign in with Google","privacyPolicyCheckboxSeparatorText":" and ","mergeCount":"Merge selected ({{profileCount}})"},"ph-find-your-fit-container-v1-default":{"contactDetailsAreaCancelBtnText":"Cancel","resumeResetDropDownText":"Reset","contactDetailsAreaPreferredNameInputErrorText":"Preferred Name should not empty","resumeLocationSuggestionAriaLabel":"Job Location suggestions","contactDetailsAreaHeadingText":"Confirm Personal Details","contactDetailsAreaName":"Name ","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeCancelPopupSubHeading":"In 60 seconds we will find you the right job","resumeSkillSetSuggestionsHeading":"Your skills","resumeExperienceSubHeading":"Verify and update your details.","contactDetailsAreaNamePlaceholder":"Enter Your Name","resumeLocationSubHeading":"Verify and update your details","resumeLocationPlural":"locations","resumeJobTitleSuggestionAriaLabel":"Recent job title suggestions","contactDetailsAreaEmailInputErrorCorrentFormat":"Enter a vaild email adress ","resumeCancelPopupCancelBtn":"Cancel Site Personalization","resumeStepsSubmitText":"Submit","resumeResetDropDownAriaLabel":"Reset Personalization","resumeSkillSetSingular":"skill","resumeEditDropDownBtnAriaLabel":"Edit your resume","contactDetailsAreaNameInputErrorText":"Name should not empty","resumeExperienceLegendText":"Experience","contactDetailsAreaPhoneInputErrorText":"Please enter correct phone number","resumeCancelPopupHeading":"Are you sure you want to cancel?","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeJobTitlePlural":"Job titles","contactDetailsAreaSubmitBtnText":"Submit","resumeLocationSingular":"location","uploadResumeProfileFirstName":"Hi {{userFirstName}} {{userLastName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"The career site has been personalized based on your resume '{{resumeName}}'","resumeLocationSuggestionsHeading":"Your preferred locations","contactDetailsAreaEmailInputErrorText":"Email should not be empty","resumeExperienceYearsText":"years","resumeEditDropDownText":"Edit","resumeLocationSearchPlaceholder":"Search to Add Locations","resumeCancelPopupContinueBtn":"Continue Site Personalisation","resumeJobTitleSearchPlaceholder":"Search to Add Titles","resumeSkillSetSuggestedHeading":"Select suggested skills","resumeSkillSetNoResults":"No results found","contactDetailsAreaPreferredName":"Preferred Name","uploadFileSizeError":"Upload file size should not exceed {{fileSize}} mb","resumeLocationSearchLabel":"Search locations here (You can enter multiple values)","resumeJobTitleSingular":"Job title","resumeJobTitleSearchLabel":"Search Job title here (You can enter multiple values)","resumeStepsPrevText":"Previous","resumeJobTitleSubHeading":"Verify and update your details.","contactDetailsAreaEmail":"Email","resumeSkillSetSubHeading":"Verify and update your details.","resumeJobTitleSuggestionsHeading":"Your job titles","resumeSkipThisSection":"Skip this section","contactDetailsAreaPopupCloseAriaLabel":"Contact details popup close","resumeLocationNoResultsText":"No results found","resumeJobTitleNoResults":"No results found","resumeSkillSetPlural":"skills","resumeSkillSetSearchPlaceholder":"Search to Add Skills","resumeSkillSetSuggestionAriaLabel":"Skill Set suggestions","resumeExperience":"Experience (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeSkillSetSearchLabel":" Search skill set here (You can enter multiple values)","resumeJobTitle":"Job Title (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeEditFYfDropDownText":"Edit profile","resumeShowingText":"Showing","contactDetailsAreaPreferredNamePlaceholder":"Enter Your Preferred Name","contactDetailsPopupCloseAriaLabel":"Close Popup","resumeNewResumeDropDownAriaLabel":"Upload new file","resumeRemoveText":"Remove","resumeNewResumeDropDownText":"Use new resume","contactDetailsAreaPhone":"Phone Number","resumeStepsNextText":"Next","resumeAddText":"Add","contactDetailsAreaPhonePlaceHolder":"Enter your phone number"},"ph-candidate-login-v1-default":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","signInIcon":"icon icon-user-4","validEmailIcon":"icon icon-check-mark-thick-1","requiredText":"required","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 ","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","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","privacyPolicyCheckboxText":"I have read and agree to the ","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","signup":"Sign up","returnSigninText":"Return to Sign in","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","termsLinkText":"Terms of Use","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":"View profile","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鈥檚","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don鈥檛 have an account?","privacyPolicyLink":"https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","submitText":"Submit","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","staySignedInCheckboxAriaLabel":"Stay signed in","closePopupButtonAriaLabel":"Close popup","seperatorText":"or use your social account","errorIncorrectPassword":"Your password is incorrect. Please try again","piiConsentError":"Please accept all the required consents","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Sign in","salutationText":"Hi","createAccountFormPlaceHolder":"Your Password","createAccountLinkText":"Sign up","passwordInVisibleSrOnly":"Password is invisible","createAccountEmailFormLabel":"Email","resentEmailButtonLabel":"Didn't receive the mail?","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"https://group.bureauveritas.com/terms-use","signInEmailFormAriaLabel":"Enter email","signInPasswordFormAriaLabel":"Enter password","errorMessageInvalidEmail":"Please enter a valid email address.","doneText":"Done","privacyPolicyLinkText":"Privacy Policy.","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-recom-jobs-browsing-history-v3-default":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"Show less","sponsorship":"Sponsor","type":"Job Type","title":"remove {{title}}","remote":"Remote","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"Show more","experienceRequired":"Experience","postedDateFormat":"ll","test_key":"test_value","TEST_KEY_28":"TEST_VALUE_28","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process ","literalkeytesttesttest":"literalvaluevaluevalue","TEST_VALUE_20":"TEST_VALUE_20","testkey3":"testvalue3","multilocationText":"Job available in {{multilocationValue}} locations","removeJobText":"Remove","seeMultipleLocBtn":"Available in {{locationCount}} locations","testkey2":"testvalue2","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","TEST_VALUE_19":"TEST_VALUE_19"},"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","privacyPolicyLink":"javascript:void(0);","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use"," privacyPolicyCheckboxSeparatorText":" and ","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","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? ","resetPasswordButtonText":"Send password reset link","privacyPolicyText":"Privacy Policy","forgotPasswordLinkText":"Forgot your password?","signInPopUpHeading":"Sign in","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,","signInButtonLabel":"Already have an account?","createAccErrorStatement3":"one number,","resendEmailText":"Click here to resend","signInPopUpSubHeading":"","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","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","newPwdText":"New Password","createAccountEmailFormPlaceHolder":"name@mail.com","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 personalised profile","termsLinkText":"Terms of Use","emailValSendText":"If you haven't received a verification email","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","personalAccountLinkText":"My Account","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","signInAgreementTextPartOne":"By Signing in, you agree to the company鈥檚","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don鈥檛 have an account?","privacyPolicyLink":"https://personaldataprotection.bureauveritas.com/index.html?privacypolicy=1#/privacypolicy","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","createNewPwdText":"Please create a new password","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","emalValHeadingText":"Please check your email","staySignedInCheckboxAriaLabel":"Stay signed in","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","hidePasswordText":"Hide password","pwdNotMeetRequirements":"Password did not meet the requirements for","resetLinkExpired":"Password reset Link has been expired","signInButton":"Sign in","salutationText":"Hi, ","createAccountFormPlaceHolder":"Your Password","createAccountLinkText":"Sign up","passwordInvisibleSrOnly":"Password is invisible","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","resentEmailButtonLabel":"Didn't receive the mail?","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"https://group.bureauveritas.com/terms-use","signInPasswordFormAriaLabel":"Enter password","signInEmailFormAriaLabel":"Enter email","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-location-map-v1-default":{"pinInfoState":"{{state}}","pinInfoAddressLine3":"{{location}} {{zipCode}}","pinInfoAddressLine2":"{{address2}}","pinkLinkText":"View {{count}} opportunities","pinInfoAddressLine1":"{{address1}}","locIconText":"icon-location-2","clusterText":"cluster","clusterLocationText":"locations","locationTitleText":"Search Location","pinLink":"{{locationUrl}}","locBtnText":"Explore Location","pinInfoTitle":"{{key}}","location":"{{location}}","markerText":"location","searchPlaceHolderText":"Search Location"},"ph-profile-recommendations-v2-default":{"locationText":"location","applyNowText":"Apply Now","city":"City","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"Show less","sponsorship":"Sponsor","title":"Title","remote":"Remote","type":"Job Type","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"ExpiryDate","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","rate":"Rate of Pay","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","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","removeJobText":"Remove","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-global-search-v1-view3":{"globalsearchPlaceholder":"Search for job title","noResultFoundText":"No Results Found","globalsearchLocationPlaceholder":"Enter location","globalsearchButtonText":"Find Jobs","globalsearchCategoryPlaceholder":"Enter Category"},"ph-recently-viewed-jobs-v3-default":{"expirydate":"Expiry Date","locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"Show less","sponsorship":"Sponsor","type":"Job Type","title":"Job title","remote":"Remote","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"Show more","experienceRequired":"Experience","postedDateFormat":"ll","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","reqId":"ReqId","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job associated with {{multicategoryValue}} categories","test_test":"test_test","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Job Location","travelRequiremnt":"Travel","category":"Category"},"page9-ph-global-search-v3-default-xsrdse":{"globalsearchJobsCountSingler":"Job","eachLocationCount":"{{totalLocationCount}} Jobs","globalsearchPlaceholder":"Search for Job title, keyword, skill","militarysearchPlaceholder":"Search military jobs","eachCountryCount":"{{totalCountryCount}} Jobs","globalsearchButtonAriaLabelText":"Find Jobs","eachStateCount":"{{totalStateCount}} Jobs","categorySrText":"Category","globalsearchJobsCountPlural":"Jobs","globalsearchAriaLabelText":"search","eachCategoryCount":"{{totalCategoryCount}} Jobs","inputLabelText":"Please navigate the suggestions using the tab key","categoryCount":"{{totalCount}} ","globalsearchButtonText":"Find Jobs","eachCityCount":"{{totalCityCount}} Jobs"},"ph-recom-jobs-browsing-history-v3-view3":{"locationText":"location","applyNowText":"Apply Now","city":"City","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","remote":"Remote","type":"Job Type","title":"Title","postedDate":"Posted Date","expiryDate":"ExpiryDate","descriptionTeaser":"Description Teaser","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","addToCartSaveText":"Save","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-candidate-merge-profile-v1-default":{"profileCount":"{{profileCount}} previous profiles","mergeProfiles":"Merge Profiles","profileCountSingler":"{{profileCount}} previous profile","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","mergeCount":"Merge selected ({{mergeCount}})","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found"},"ph-find-your-fit-v1-default":{"socialSigninStepText":"social sign in","deleteAgainText":"Please try to delete your resume again","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","closePopUpButtonIcon":"icon icon-cancel","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","locationBlockedHeadingText":"Location access is turned off","uploadInfoText":"Upload a file up to 1 mb (Word, pdf, text)","resumeParsedText":"Your resume was successfully uploaded and parsed.","tryAgainText":"Try again","resumeFileSizeExceedsText":"Upload a file up to {{fileSize}} mb","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","addSkillButtinAriaLabel":"Add {{skillName}}","deleteResumeHeading":"Are you sure you want to delete your resume?","locationBlockedOkText":"OK","suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","fyfRecentTitlePlaceHolderText":"Your most recent job title","uploadAgainText":"Please try to upload your resume again.","oopsText":"Oops...","removeResumeBtnText":"Delete","fyfLocationPlaceHolderText":"Your preferred work location","yourSkillsMessage":"Your skills","resumeFileUnsupportedText":"Upload a file up with format : {{allowedFormats}}","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","resumeUploadedSubHeading":"Please check Contact info fields, to make sure your data is complete and accurate.","cancleText":"Cancel","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-social-share-v3-default":{"whatsapp":"Share via whatsapp","twitterTitle":"Share via twitter","linkedin":"Share via LinkedIn","google-plusTitle":"Share via google plus","instagram":"Share via Instagram","weiboTitle":"Share via weibo","facebookTitle":"Share via Facebook","copylink":"Copy job link","telegramTitle":"Share via telegram","twitter":"Share via twitter","xing":"Share via xing","whatsappAriaLabel":"Share via whatsapp","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","vkAriaLabel":"Share via vk","emailTitle":"Share via email","instagramTitle":"Share via Instagram","telegramAriaLabel":"Share via telegram","facebook":"Share via Facebook","copylinkAriaLabel":"Copy job link","telegram":"Share via telegram","emailClientSubject":"{{title}} at {{companyName}}","pinterest":"Share via pinterest","twitterAriaLabel":"Share via twitter","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","copylinkTitle":"Copy job link","google-plusAriaLabel":"Share via google plus","xingAriaLabel":"Share via xing","pinterestAriaLabel":"Share via pinterest","emailClientBody":"Check out this job:","emailAriaLabel":"Share via email","vk":"Share via vk","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"},"ph-email-job-v1-view1":{"sendEmailButtonText":"Submit"}} </script><style>.phcriticalhide{display: none!important}</style> <meta name="google-site-verification" content="YPjdGiz_jjS59dTW0FxLTN3uvX4mlT8TTKZonGRvFKI" /><script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "en_gb","name": "home","url": "https://jobs.bureauveritas.com/gb/en","datePublished": "2023-12-19","dateModified": "2023-12-19"}</script><script id="ph_app_widgetscript_url" type="text/javascript">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script></head> <body class="home-page" data-ph-id="ph-page-element-page9-9ch5WO" style="visibility: hidden;"> <a href="search-results" class="hide" style="display: none">Search results</a> <div class="ph-header" data-ph-id="ph-page-element-page9-Ahojwj"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="4DZUmT3I"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page9-nMFs8t"><section class="ppc-section ph-widget" type="dynamic" instance-id="c2YXJx" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-page-element-page9-M07GUD"><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-1663475870347" theme="default" original-view="default" instance-id="c2YXJx" data-ph-id="ph-page-element-page9-tcjUKb"></div></section> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page9-Bt2uf8"> <section class="ph-widget" instance-id="b1dsxq" data-ph-id="ph-page-element-page9-kHQfMh"> </section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-GD9HM1" view="1557401652154-default" original-view="default" instance-id="8mBTKT" theme="default"><div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page9-niIeQW" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1557401652154-default" original-view="default" theme="default" instance-id="8mBTKT"></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1695813280581" view="1695813282198-hero-block-cc-view21-option1" original-view="ph-hero-block-cc-view21-option1" instance-id="CTdPla" theme="theme1"><div class="ph-hero-block-cc-view21-option1-theme1 ph-widget-target" data-ph-id="-1695813280581-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1695813282198-hero-block-cc-view21-option1" original-view="ph-hero-block-cc-view21-option1" theme="theme1" ph-removed="true" instance-id="CTdPla"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-2178815171207941-2"> <div class="ph-card-container stackable" data-cards-per-row="one" ph-role="" data-ph-id="ph-widget-element-2178815171207941-3"> <div card-name="ph-hero-block-cc-view21" class="ph-card" instance-id="VL7EJp" data-ph-id="ph-widget-element-2178815171207941-4"> <div class="ph-hero-block-cc-view21 ph-card-block" data-ph-at-id="ph-hero-block-cc-view21" data-ph-id="ph-widget-element-2178815171207941-5"> <ppc-container component-content-key="background-video" class="ph-video" data-ph-cid="background-video1" data-ph-id="ph-widget-element-2178815171207941-6"> <div class="video" ph-video-v1="video" pha-video-url="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/videos/shutterstock_1060585798-1695808137242.mp4" pha-autoplay="1" pha-loop="1" pha-controls="0" pha-volume="0" pha-preload="1" data-ph-id="ph-widget-element-2178815171207941-7" pha-video-id="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/videos/shutterstock_1060585798-1695808137242.mp4" pha-partner-id="null" pha-entry-id="null" ph-cms-video-gallery-link="true" data-gallery-video-provider="video"></div> </ppc-container> <div class="inner-container" data-ph-id="ph-widget-element-2178815171207941-8"> <div class="global-search-block" data-ph-id="ph-widget-element-2178815171207941-9"> <ppc-container component-content-key="overlay" class="overlay" data-ph-id="ph-widget-element-2178815171207941-10"> <div class="ph-overlay-wrapper" data-ph-id="ph-widget-element-2178815171207941-11"> </div> </ppc-container> <ppc-container component-content-key="h1-heading" class="heading-one" data-ph-cid="h1-heading1" data-ph-id="ph-widget-element-2178815171207941-12"> <h1 data-ph-id="ph-widget-element-2178815171207941-13"> <ppc-content key="CTdPla-VL7EJp-PEsAXc-ph-hero-block-cc-view21-option1-h1-heading-title-text" instance-id="VL7EJp-PEsAXc" data-ph-id="ph-widget-element-2178815171207941-14"><div style="text-align: center;">Leave Your Mark<br />Find an opportunity!</div></ppc-content> </h1> </ppc-container> <section class="ph-widget" instance-id="X9GMVG" original-view="view3" view="2178815065542176-view3" data-ph-id="ph-widget-element-2178815171207941-18"> <div as-element="ph-global-search-v1" instance-id="X9GMVG" class="ph-global-search-v1-view3-default ph-widget-target" view="2178815065542176-view3" data-widget="ph-global-search-v1" location-placeholder-text.bind="'Search for location or zipcode'" placeholder-text.bind="'Search for Job title'" data-mode="loc-cat" show-caption.bind="false" show-title.bind="false" original-view="view3" data-ph-id="ph-widget-element-2178815171207941-19"></div> </section> </div> </div> </div> </div> </div> </div></div></section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-b9cYZQ" view="1528703166557-default" original-view="default" instance-id="FCQiQA" theme="theme4"> <div class="ph-social-login-v1-default-theme4 ph-widget-target" data-ph-id="ph-page-element-page9-edRh2L" data-widget="ph-social-login-v1" view="default-1537275486968" original-view="default" theme="theme4" instance-id="FCQiQA" as-disabled="ph-social-login-v1" auto-push-id="ieueep" autopushname="find-your-fit"></div> </section><section class="ph-widget" instance-id="WInL32" data-ph-id="ph-page-element-page9-i7FZRD" auto-push-id="ieueep" autopushname="find-your-fit"><div as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" original-view="default" instance-id="WInL32" data-ph-id="ph-page-element-page9-lqusK7" auto-push-id="ieueep" view="default-1697110811906" class="ph-find-your-fit-container-v1-default-default ph-widget-target ph-social-login-v1-default-theme4"></div></section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-Kthoz6" view="1528712240558-default" original-view="default" instance-id="9iS1cu" theme="theme3"> <div class="ph-social-profile-v1-default-theme3 ph-widget-target" data-ph-id="ph-page-element-page9-ovQyQF" data-widget="ph-social-profile-v1" view="default-1537275344858" original-view="default" theme="theme3" instance-id="9iS1cu" as-disabled="ph-social-profile-v1" autopushname="find-your-fit"></div> </section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-TdlPib" view="1558100221101-default" original-view="default" instance-id="uhpq86" theme="theme21"><div class="ph-profile-recommendations-v2-default-theme21 ph-widget-target" data-ph-id="ph-page-element-page9-zAhEzi" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="default-1678958128785" original-view="default" theme="theme21" ph-removed="true" instance-id="uhpq86" jobs-display-mode="seeMore" click-tojd="false" max-display-count="6"></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-jFMqz5" view="1558100210999-default" original-view="default" instance-id="tOfi4Z" theme="theme21"><div class="ph-recom-jobs-browsing-history-v3-default-theme21 ph-widget-target" data-ph-id="ph-page-element-page9-7PfRn2" as-element="ph-recom-jobs-browsing-history-v3" data-widget="ph-recom-jobs-browsing-history-v3" view="default-1622136993722" original-view="default" theme="theme21" ph-removed="true" instance-id="tOfi4Z" click-tojd="false" jobs-display-mode="seeMore" max-display-count="6"></div></section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-vh5wpN" view="1528383904195-view9" original-view="view9" instance-id="2MB4Jy" theme="theme1"> <div class="ph-category-overview-v3-view9-theme1 ph-widget-target au-target" data-ph-id="ph-page-element-page9-ULooT0" as-element="ph-category-overview-v3" data-widget="ph-category-overview-v3" view="view9-1663493277164" original-view="view9" theme="theme1" instance-id="2MB4Jy" au-target-id="112" cards-per-row="4" hide-sub-title="true"></div> </section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-2qOVX2" view="1558100245024-default" original-view="default" instance-id="T0QkMq" theme="theme21"><div class="ph-recently-viewed-jobs-v3-default-theme21 ph-widget-target" data-ph-id="ph-page-element-page9-qMSfY2" as-element="ph-recently-viewed-jobs-v3" data-widget="ph-recently-viewed-jobs-v3" view="default-1622922731390" original-view="default" theme="theme21" ph-removed="true" instance-id="T0QkMq" jobs-display-mode="seeMore" max-display-count="6"></div></section> <section class="ppc-section ph-widget" type="static" data-ph-id="ph-page-element-page9-Yj2MvG" view="1533208027702-jtc-card-cc-view1-option1" original-view="ph-jtc-card-cc-view1-option1" instance-id="G93ogH" theme="theme2"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1533208027702-jtc-card-cc-view1-option1" original-view="ph-jtc-card-cc-view1-option1" type="static" data-ph-id="ph-page-element-page9-wuiDba" instance-id="G93ogH" class="ph-widget-target ph-jtc-card-cc-view1-option1-theme2" theme="theme2"> <div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" data-ph-id="ph-page-element-page9-KIEp2n"> <div class="inner-container" data-ph-id="ph-page-element-page9-1WC1j3"> <div class="ph-container-heading-block" data-ph-id="ph-page-element-page9-7C98YY"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="ZqwMAQ" data-ph-id="ph-page-element-page9-wCUx0x"> <div class="heading-block-info" data-ph-id="ph-page-element-page9-u29tte"> </div> <div class="heading-block-actions" data-ph-id="ph-page-element-page9-saAgmj"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-page-element-page9-XvxBal"> <div class="ph-card-container stackable" data-cards-per-row="one" ph-role="" data-ph-id="ph-page-element-page9-3m47Tc" role="presentation"> <div class="ph-card" card-name="ph-jtc-card-cc-view1" instance-id="a4nstq" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page9-9tzwM5"> <div class="ph-jtc-card-cc-view1 ph-card-block" data-ph-at-id="ph-jtc-card-cc-view1" data-ph-id="ph-page-element-page9-xRHabS"> <figure class="image" data-ph-id="ph-page-element-page9-s1JBIV" role="presentation"> <ppc-container component-content-key="primary-image" class="primary-image element-center" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page9-AVlnHK"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page9-5fZT2f" class="ppc-image ppc-content"><img src="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/images/shutterstock_1931518334-1695804680890.jpg" key-src="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-YLKDVN" alt="" key-alt="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-T2oSGH" data-ph-cid="primary-image1" instance-id="a4nstq-T5rjyh" data-ph-id="ph-page-element-page9-amsgb5" /></ppc-content> </ppc-container> <ppc-container component-content-key="overlay" class="overlay" data-ph-cid="overlay1" data-ph-id="ph-page-element-page9-HQ1hu3"> <div class="ph-overlay-wrapper" data-ph-id="ph-page-element-page9-ONCRvW"> </div> </ppc-container> </figure> <div class="content" data-ph-id="ph-page-element-page9-OXveO8"> <div class="data" data-ph-id="ph-page-element-page9-ShNsc2"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-page-element-page9-R56AED"> <span aria-level="2" key-aria-level="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-4Rn1Hn" role="heading" key-role="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-zSOKQn" instance-id="a4nstq-Jjf5r7" data-ph-id="ph-page-element-page9-Ji888e"> <ppc-content key="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-evEBqO" data-ph-at-id="heading-text" instance-id="a4nstq-Jjf5r7" data-ph-id="ph-page-element-page9-XGPHR0" class="ppc-text ppc-content">Unleash your potential, make an impact!<br /> <br /> Join our talent community</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-page-element-page9-vaclAU"> <span class="description-block" data-ph-id="ph-page-element-page9-tQ3KJ0"> <ppc-content key="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-lvvt1K" data-ph-at-id="description-text" instance-id="a4nstq-t977Ed" data-ph-id="ph-page-element-page9-RBVT4a" class="ppc-text ppc-content">Receive up-to-the-minute job openings tailored just for you</ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link primary-button element-center link ph-icon-hide" data-ph-cid="primary-action-link1" data-ph-id="ph-page-element-page9-J3653B"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-page-element-page9-t6nu5H"> <a role="link" key-role="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-d5RxJ7" class="action-link" key-ph-href="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-aUPCAa" title="" key-title="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-sbL4uS" aria-label="Sign Up for talent community" key-aria-label="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-Ur3y7P" ph-tevent="static_content_click" instance-id="a4nstq-mHLuVD" data-ph-id="ph-page-element-page9-qTaDUl" data-ph-href="jointalentcommunity" ph-href="jointalentcommunity" hidelinktarget="false"> <ppc-content key="ph-html-v1-ph-jtc-card-cc-view1-option1-G93ogH-brItLx" data-ph-at-id="link-text" instance-id="a4nstq-mHLuVD" data-ph-id="ph-page-element-page9-g7vN2T" class="ppc-text ppc-content">Sign Up</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page9-pt0D4s"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div></section> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page9-oyYdE5" view="1537195082435-default" original-view="default" instance-id="FxLULI" theme="default"> <div class="ph-location-overview-map-v2-default-default ph-widget-target" data-ph-id="ph-page-element-page9-IiQIHI" as-element="ph-location-overview-map-v2" data-widget="ph-location-overview-map-v2" view="default-1663502911953" original-view="default" theme="default" instance-id="FxLULI"></div> </section> <!-- <h1>template four</h1> <section class="ph-widget ph-hero-block-cc-view2-option1-theme1" view="ph-hero-block-cc-view2-option1" theme="theme1" type="static" instance-id="7vtwux"></section> --> </div> <pcs-widget class="ph-widget" data-ph-widget-id="8f7e8fd8faaed24ac813be530eea4981" instance-id="w4pMpR" data-ph-ft="nps" data-ph-id="ph-widget-element-1710930352588-l24hfZ"></pcs-widget></div> <div class="ph-footer" data-ph-id="ph-page-element-page9-mbpOvV"><div class="footer-layout" type="footer-layout"> <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="HAibTIkl"></pcs-widget> </div></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/en_gb/desktop/assets/scripts/1603715986999-custom.js" data-ph-id="ph-page-element-page9-KxAiGz" async=""></script> <script id="platform_script_polyfill" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/minified.js" nomodule="" defer=""></script><script id="platform_script_vendor" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/vue.min-1.0_1636721870521.js" defer=""></script><script id="platform_script_common" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/common/pcs-common-v1.17_1713953061742.js" defer=""></script><script id="caas_bootstrapper" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/bootstrap/ph-platform-1.17_1711627640948.js" defer=""> </script><script type="text/javascript">if(phApp) {phApp.viewsFromPage = true} else {var phApp = {"viewsFromPage":true}}</script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/BVYBVZGB/en_gb/desktop/page9/caas-platform/page-views-1710937342633.js" defer></script><script id="chatbotScript"> var timestamp = Date.now(); var scriptElement = document.createElement("script"); scriptElement.async = true; scriptElement.id = "chatbotInitScript"; scriptElement.src = "https://cdn-bot.phenompeople.com/txm-bot/prod-ir/prod-ir.js" +"?v=" + timestamp; var getScripts = document.getElementsByTagName("script"); var lastScriptElement = getScripts[getScripts.length - 1]; lastScriptElement.parentNode.insertBefore(scriptElement, lastScriptElement); window.chatbotURL = window.phApp.baseUrl; </script> </body> </html><div id='csrfToken' style='display:none'>08eccba761c1464f9e46392ece7ab9bb</div>