CINXE.COM
<!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page21-P4tzSP" class="desktop en_global external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page21-K8tBIp"><link rel="preconnect" href="https://cdn.phenompeople.com" /><link rel="preconnect" href="https://assets.phenompeople.com" /><link rel="preload" as="image" importance="high" href="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/07.1-1702547152800.jpg" id="ph_image_preload" /><meta name="robots" content="index" /><meta property="og:url" content="https://careers.straumann.com/global/en/diversity-and-inclusion" /><meta name="keywords" content="Diversity and Inclusion at Straumann Group " key-keywords="external-default-culture-keywords" /><meta property="og:description" content="At Straumann Group, we celebrate our differences in who we are, how we think and what we’ve experienced. Our inclusive culture makes each of us feel valued and heard and unites us to create more smiles, everyday. " /><meta name="twitter:description" content="At Straumann Group, we celebrate our differences in who we are, how we think and what we’ve experienced. Our inclusive culture makes each of us feel valued and heard and unites us to create more smiles, everyday. " /><meta name="description" content="At Straumann Group, we celebrate our differences in who we are, how we think and what we’ve experienced. Our inclusive culture makes each of us feel valued and heard and unites us to create more smiles, everyday. " key-description="external-default-culture-description" /><meta property="og:title" content="Diversity and Inclusion | Straumann Group Careers" /><meta name="twitter:title" content="Diversity and Inclusion | Straumann Group Careers" /><title key="external-default-culture-title">Diversity and Inclusion | Straumann Group Careers</title> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page21-aXMaxW" /> <meta name="layout" content="site-layout" data-ph-id="ph-page-element-page21-JN2ul3" /> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/en_global/desktop/assets/images/favicon.ico?v=1679929009209" rel="icon" data-ph-id="ph-page-element-page21-6i94tN" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/en_global/desktop/assets/images/h/apple-touch-icon.png?v=1679920399149" data-ph-id="ph-page-element-page21-iH6JkS" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/en_global/desktop/assets/images/m/apple-touch-icon.png?v=1679920399149" data-ph-id="ph-page-element-page21-xuiq37" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/en_global/desktop/assets/images/l/apple-touch-icon-precomposed.png?v=1679920399149" data-ph-id="ph-page-element-page21-2jvdWn" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/en_global/desktop/assets/images/l/apple-touch-icon.png?v=1679920399149" data-ph-id="ph-page-element-page21-Dtdnjj" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/en_global/desktop/assets/images/l/splash.png?v=1679920399149" data-ph-id="ph-page-element-page21-OZPm7g" /> <script type="text/javascript" nonce="">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://careers.straumann.com/widgets","country":"global","deviceType":"desktop","locale":"en_global","absUrl":true,"refNum":"STGRGLOBAL","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://careers.straumann.com/global/en/","baseDomain":"https://careers.straumann.com","phenomTrackURL":"careers.straumann.com/global/en/phenomtrack.min.js","pageName":"culture","siteType":"external","rootDomain":"https://careers.straumann.com","pageId":"page21"}; phApp.ddo = {"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"thirdPartyLibraries":{"internal":["heap-analytics","open-replay"]},"imEagerLoadDdoList":[{"name":"getProfileStatus","cache":false},{"name":"getRegionLocales","cache":true},{"name":"getIMConfigurations","cache":true},{"name":"getClientReferFlow","cache":true},{"name":"imVariantsConfigInfo","cache":true},{"name":"mergedProfile","cache":false},{"name":"getProfileWeightage","cache":false},{"name":"masterFrequencyV1","cache":true},{"name":"userAlertSettings","cache":true},{"name":"fitScoreSettingsIM","cache":true},{"name":"employeeSearchConfig","cache":true},{"name":"getEmployeeProfile","cache":false},{"name":"getGroupInfo","cache":true},{"name":"getAppliedJobs","cache":true},{"name":"getProfileFieldsSettings","cache":true}],"filePicker":{"onedrive":{"clientId":"1c186d04-d14a-424f-8132-0cae8c41435c","devkey":""},"dropbox":{"clientId":"7j4atpiepgcmy4j","devkey":""},"googledrive":{"clientId":"414699307979-nk6l179efm95vfqt0n0fgt05jjmk04tj.apps.googleusercontent.com","devkey":""}},"ignoreCovidWidgetPagesList":["chatbot"],"smoothAnchorSettings":{"ignore":true},"embedScriptVersion":"0.9.4","recommendedTrackingConfig":{"category":{"storageKey":"categories","ddoKeysToStore":["category"],"maxKeysToStore":"4"},"job":{"storageKey":"jobsViewed","ddoKeysToStore":["jobSeqNo"],"maxKeysToStore":"4"},"search-results":[{"storageKey":"keywords","ddoKeysToStore":["keywords"],"maxKeysToStore":"4"},{"storageKey":"locations","ddoKeysToStore":["location","field"],"maxKeysToStore":"4"}]},"debounceTimer":350,"eagerLoadDDOsToSkipLazyCalls":["apply"],"ignoreCookiePages":["chatbot"],"elementsToLoadByModule":{"videoAssessment":[{"tag":"link","attributes":{"href":"https://cdn.phenompeople.com/CareerConnectResources/common/video-platform/js/vs-master-theme-1726747262439.css","rel":"stylesheet","type":"text/css"}}],"automationEngine":[{"tag":"script","attributes":{"src":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/aeBootstrapper.js","type":"text/javascript"},"elementId":"aeBundle"}]},"globalManagedWidgetIds":["8b82bfdaafd4d8504005407db933c9a6"],"phwPxScrVerionUrl_bkp":"common/js/canvas/vendor/phw-px-hadlr-1.3.js","maps":{"google":{"apiScript":"https://maps.googleapis.com/maps/api/js","clusterJsScript":"markerclusterer-v1.js","gmapsInfoBoxScript":"gmaps-infobox-v1.js","apiKey":"AIzaSyBqM-rW0r-sR9PerNAvvsmzbBeoFu3Ycz8"},"mapbox":{"mapboxScript":"mapbox-gl.js","superClusterJsScript":"supercluster.min.js","apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Mpna1KIqU8Gj6zjPy4iygw"},"mapboxCN":{"mapboxScript":"mapbox-gl-v1.1.0.js","superClusterJsScript":"supercluster.min.js","mapboxTurf":"mapbox-turf.min-v1.js","mapboxSearch":"mapbox-gl-geocoder.min.js","mapboxDirections":"mapbox-gl-directions.js","enableDirections":true,"apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Srl2-pw3xDRilymEjEoeig","baseApiUrl":"https://api.mapbox.cn"}},"ignoreLinkedInStateParam":false,"tokenConfiguredTenants":{"refNums":["RBCAA0088"]},"phwPxScrVerionUrl_bkp_new":"pcs/common/phw-px-hadlr.js","oneTrust":{"class":["ot-sdk-show-settings"]},"videoScreeningGlobalStyles":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/ph-vs-global-styles-v1.css","cdnConfig":{"cdnDdos":["fitScoreSettings","landingPageOverview","categoryContentV2","candidateProfileConfig","categoryMasterData","jobTagSettings","getBusinessRules","getMasterCategories","categoryMasterDataV2","caasFetchRawConfig","globalSearchConfig","categoryContent","siteBranding","blogsharewidgetsettings","audiencePxWidgetConfig","jobsharewidgetsettings","npsConfig","socialConnectOptions","getRegionLocales","jobLogoConfig","supportedLanguages","getMasterLocations","locationmapsettings","pxAudJobwidgetsettings","getRegionLocales","eventsharewidgetsettings","jobwidgetsettings","fyfConfig","getPiiConsentConfig","glassdoorReviews","masterFrequencyV1"],"cdnUrl":"https://content-ir.phenompeople.com","pageNameLevelDdos":[],"pageIdlevelDdos":[]},"crawlerUserAgents":"Screaming Frog|googlebot|yahoo|bingbot|baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator|redditbot|Applebot|WhatsApp|flipboard|tumblr|bitlybot|SkypeUriPreview|nuzzel|Discordbot|Google Page Speed|Qwantify|pinterestbot|Custom|Chrome-Lighthouse","siteSettings":{"locationSlider":false,"refineSearch":{"enabledFacets":["category","country","city","type","brand"],"facetDisplayNames":{"category":"Category","country":"Location","city":"City","type":"Employment Type","brand":"Brand"},"facetPlaceholderNames":{"category":"Search in Category","country":"Search in Location","city":"Search in City","type":"Search in Employment Type","brand":"Search in Brand"},"defaultFacetsToOpen":["category"]},"gdpr":{"cookieType":"persistent","enabled":true},"oauth":{"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"2290238934525636","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"78mq36mb73ep5m","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"}}},"size":"10","refNum":"STGRGLOBAL","siteVariant":"external","isNativeEmailClientForBlog":true,"iscdnEnabled":true,"calendarApiKey":{"clientId":"aPuJFtcvVzuUHrqeLmPL36170","apiToken":"api1514482884HylDN8tqa6mgQxWCpnjo36170","userZone":true},"trackingConfig":{"ddoDataPath":{"jobDetail":"data.job"},"job_category_click":{"trait14":"key"},"job_category_search_click":{"trait14":"key"},"play_click":{"trait260":"videotype","videoId":"videoid"},"pause_click":{"trait260":"videotype","videoId":"videoid"},"similar_job_click":{"trait12":"jobSeqNo","related":{"ddo":[{"name":"jobDetail","data":{"trait5":"jobSeqNo","trait14":"category"}}]}},"linkedin_recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recently_viewed_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"next_click":{"trait254":"stepName","typedValue":"typedValue","selected_values":"selected_values"},"ddo_failure":{"trait254":"stepName","response":"response","ddoKey":"ddoKey"},"ddo_error":{"trait254":"stepName","error":"error","ddoKey":"ddoKey"},"skip_questions_click":{"trait254":"stepName"},"previous_click":{"trait254":"stepName"},"registration_submit":{"trait27":"email","trait15":"firstName","trait24":"phone"},"edit_profile_information":{},"resume_remove_click":{},"profile_questions_click":{},"resume_upload_click":{},"create_profile_click":{},"upload_new_file_click":{},"clear_text_click":{"trait6":"clearSearchValue"},"send_feedback_click":{"userFeedback":"userFeedback"},"submit_rating_click":{"userRating":"userRating"},"near_job_click":{"trait5":"jobSeqNo","trait14":"category"},"suggestions":{"stepName":"stepName","typed_values":"typed_values","selected_values":"selected_values"},"fyf_step_loaded":{"step":"step"},"fyf_options_closed":{},"favorite_job_click":{"trait5":"jobSeqNo","trait14":"category"},"job_added_to_jobcart":{"trait5":"jobSeqNo","trait14":"category"},"job_unfavorited":{"trait5":"jobSeqNo","trait14":"category"},"job_favorite_delete_click":{"trait5":"jobSeqNo","trait14":"category"},"type_ahead_search":{},"similar_job_see_more_click":{},"linkedin_login_click":{},"linkedin_logout_click":{},"view_all_glassdoor_reviews_click":{},"homepage_category_click":{"trait14":"key"},"category_click":{"trait14":"key"},"job_click":{"trait5":"jobSeqNo","trait14":"category"},"previous_job_click":{"trait5":"jobSeqNo"},"next_job_click":{"trait5":"jobSeqNo"},"linkedin_recommended_category_click":{"trait14":"category"},"back_to_search_results_click":{},"share_event":{"trait269":"eventScheduleId","trait213":"provider"},"blog_click":{"trait283":"url"},"blog_category_click":{"trait14":"categoryName"},"next_blog_click":{"trait283":"url"},"previous_blog_click":{"trait283":"url"},"blog_details_view":{"trait283":"blog"},"navigate_to_tweet_click":{"tweetUrl":"tweetUrl"},"fit_level_loaded":{"jobsFitLevel":"jobsFitLevel","totalJobs":"totalJobs","availableFitLevelCount":"availableFitLevelCount"},"smart_tags_loaded":{"smartJobTags":"smartJobTags","totalJobs":"totalJobs","availableJobTagCount":"availableJobTagCount"},"edit_role_click":{"trait13":"trait13"},"select_role_click":{"trait13":"trait13","trait260":"trait260"},"app_download_click":{"trait260":"appName","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_decline_click":{"trait5":"videoScreenId","trait14":"category","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_accept_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"accept_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"reject_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_record_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_submit_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_retake_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_continue_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_review_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"submit_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"export_videos_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"restart_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_now_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"continue_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"contact_recruiter_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"agree_click":{"videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"submit_feedback_click":{"rating":"rating","feedback":"feedback","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"video-upload-error":{"url":"url","status":"status","questionId":"questionId","response":"response"}},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"showExternalEvents":true,"candidateHome":true,"cdnCaasContentUrl":"https://content-ir.phenompeople.com/api/content-delivery/caasContentV1","eventsEnabled":false,"blogsEnabled":true,"navMenuItems":["blogs","candidateHome"],"cdnCaasContentEnabled":true,"showExternalBlogs":true,"navMenuItemsData":{"blogs":{"url":"https://careers.straumann.com/global/en/blog"},"events":{"url":"https://careers.straumann.com/global/en/events"}}},"imageLoadType":{"desktop":"lazy","mobile":"lazy"},"locale":"en_global","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"pcs/common/phw-px-hadlr.1728044004391.js","vendorScripts":{"jquery":"jquery-3.6.1.min.js","jqueryMigrate":"jquery-migrate.min-1.1.js","plyrScript":"plyr-3.7.8.js","plyrStyle":"plyr-3.7.8_1.css","videojs-wavesurfer":"videojs-wavesurfer_3.9.0.js","wavesurfer":"wavesurfer_6.6.4.min.js","wavesurfer-microphone":"wavesurfer.microphone.min_6.6.4.js","mediaInfo":"mediainfo_0.1.9.min.js"},"globalSearchFeature":{"mobileSearch":false},"phwPxScrVerionUrl_1":"prod/pcs/common/phw-px-hadlr-1728036837721.js","ally":{"layerEnabled":false,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.18.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content"},"reorderCookie":true,"userAgent":"AudioEye"},"pxScrVerionUrl":"common/js/vendor/1731591806866-ph-px-hadlr-1.19.js","videoAssessmentPagesList":["video-assessment-landing-page","video-assessment-recording","video-assessment-thankyou","interview-landing-page","interview-recording","interview-thankyou","video assessment landing page","video assessment recording","video assessment thankyou","interview landing page","interview recording","interview thankyou","screening-welcome","screening-answering","screening-thankyou"],"oauth":{"indeed":{"clientId":"9d7219aebf5c1d2fdcc2f09ddb2c960187372b68637b8542faeff787920e1deb"},"xing":{"clientId":"c3bdfb74291c0e358e89"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"78mq36mb73ep5m","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"google-signin":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/iauth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"2290238934525636","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"}},"pageNameMap":{"404":"404_page_view","home":"home_page_view","category":"job_category_page_view","job":"job_details_view","search-results":"search_result_page_view","apply":"apply_page_view","glassdoorReviews":"glassdoor_reviews_page_view","jobcart":"favorites_page_view","jointalentcommunity":"jtc_page_view","featuredOpportunities":"job_category_page_view","businessUnit":"job_category_page_view","event":"event_details_view","events":"event_results_page_view","saved-jobs":"favorites_page_view","blogarticle":"blog_details_page","video-assessment-landing-page":"video_assessment_landing_page_view","video-assessment-recording":"video_assessment_recording_page_view","video-assessment-thankyou":"video_assessment_thankyou_page_view","interview-landing-page":"interview_landing_page_view","interview-recording":"interview_recording_page_view","interview-thankyou":"interview_thankyou_page_view","screening-welcome":"screening_welcome_page_view","screening-answering":"screening_answering_page_view","screening-outro":"screening_thankyou_page_view"},"blogsharewidgetsettings":{"options":[{"name":"whatsapp","order":0,"baseUrl":"https://api.whatsapp.com/send?&text=","eventName":"Share_whatsapp","settings":{"icon":"icon-whatsapp-1","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true},{"name":"linkedin","order":1,"baseUrl":"https://www.linkedin.com/shareArticle?mini=true&url=","eventName":"share_blog","settings":{"icon":"icon-linkedin-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":3,"baseUrl":"https://facebook.com/sharer.php?u=","eventName":"share_blog","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":0,"baseUrl":"https://twitter.com/share?url=","eventName":"share_blog","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":6,"baseUrl":"","eventName":"share_blog","settings":{"icon":"icon-email-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"brandStyle":true,"widgetStyle":"style3","isInline":true,"size":"16","spacing":"21","color":"#fff","backgroundColor":"#ggg","height":"34","width":"34","line-height":"30","lineHeight":"30","borderWidth":"1","borderStyle":"solid","borderColor":"transparent","borderRadius":"100","locale":"en_us","siteVariant":"external"},"botEnabled":false,"isShareDataFromConfig":true,"urlMap":{"home":"home","category":"c/:category","job":"job/:jobId/:title","service":"service/:jobId/:title","jobcart":"jobcart","search-results":"search-results","glassdoor-reviews":"glassdoor-reviews","event":"event/:eventScheduleId/:title","events":"events","talentcommunity":"talentcommunity","talentcommunityupdate":"talentcommunityupdate","blogarticle":"blogarticle/:url","jobalert":"jobalert","employee-profile":"employeeprofile","editprofile":"editprofile","businessUnit":":url","featuredOpportunities":":url","di_about":"di/about/:groupId","di_details":"di/details/:groupId","di_events":"di/events/:groupId","di_groups":"di/groups","di_highlights":"di/highlights/:groupId","di_jobs":"di/jobs/:groupId","di_members":"di/members/:groupId","referrals_candidate":"referrals/candidate","referrals_referredcandidates":"referrals/referredcandidates","referrals_friendsinterests":"referrals/friendsinterests","referrals_home":"referrals/home","referrals_candidatesuniversity":"referrals/candidatescompany","employees_home":"employees/home","lms_courses":"lms/courses","lms_savedcourses":"lms/savedcourses","gigs_details":"gigs/details/:gigId","gigs_searchresults":"gigs/searchresults","nla_home":"nla/home","nla_search":"nla/search","gigs_manage":"gigs/manage","gigs_applications":"gigs/applications","gigs_applicants":"gigs/applicants/:gigId","events_event":"events/event/:eventScheduleId/:title","events_home":"events/home","my-profile":"myprofile","cp_createpath":"cp/createpath","cp_home":"cp/home","cp_explore":"cp/explore","mentoring_relationship":"mentoring/relationship/:mentorshipId","mentoring_mentees":"mentoring/mentees","mentoring_mentors":"mentoring/mentors","mentoring_searchresults":"mentoring/searchresults","settings":"settings","story":"story/:contentId/:title","video-assessment-landing-page":"video-assessment-landing-page","video-assessment-recording":"video-assessment-recording","video-assessment-thankyou":"video-assessment-thankyou","forwardApply":"hvhapply","interview-landing-page":"interview-landing-page","interview-recording":"interview-recording","interview-thankyou":"interview-thankyou","roles_details":"roles/details/:jobCode/:jobTitle","roles_search-results":"roles/searchresults","screening-welcome":"screening-welcome","screening-answering":"screening-answering","screening-thankyou":"screening-thankyou"},"categoryUrlMap":{"STGRGLOBAL_Quality_Assurance":"c/quality-assurance-jobs","STGRGLOBAL_Sales":"c/sales-jobs","STGRGLOBAL_Research_Development":"c/research-development-jobs","STGRGLOBAL_Manufacturing":"c/manufacturing-jobs","STGRGLOBAL_Supply_Chain":"c/supply-chain-jobs","STGRGLOBAL_Marketing":"c/marketing-jobs","STGRGLOBAL_Corporate_Support_Functions":"c/corporate-support-functions-jobs","STGRGLOBAL_Information_Technology":"c/information-technology-jobs","STGRGLOBAL_Other":"c/other-jobs","STGRGLOBAL_Finance":"c/finance-jobs"},"isNativeEmailClient":false,"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"},"isCsrfGetLogoutFlowEnabled":true,"automationEnginePagesList":["hvh-apply2","hvh apply","hvh apply2","hvhapply","hvh-apply","schedule-slot"]},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-card-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-card-v1/pcs-card-v1-1620286894383.js","pcs-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-candidate-login-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1713343704873.js","pcs-blog-list-overview-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-blog-list-overview-v1/pcs-blog-list-overview-v1-1694708553477.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-social-connect-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1669873248000.js","pcs-header-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-header-v1/pcs-header-v1-1718969442490.js","pcs-menu-list-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-menu-list-v1/pcs-menu-list-v1-1710917512987.js","pcs-job-cart-count-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-job-cart-count-v1/pcs-job-cart-count-v1-1652708896808.js","pcs-language-selector-v2":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-language-selector-v2/pcs-language-selector-v2-1714483631689.js"},"reqData":null},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["siteConfig","jobwidgetsettings","getRegionLocales"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"c69c57441282491aa854f95edc4f48ac","phProfileId":"99f696d3-8e13-4fe8-a24e-f1c4514c51e9","pxPageState":"stranger","jdsource":""}; /*-->*/</script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><meta charset="UTF-8" data-ph-id="ph-page-element-page21-AEpefz" /><meta name="viewport" content="width=device-width, initial-scale=1" /><script type="text/javascript" nonce="">phApp.country = "global";</script><script type="text/javascript" nonce="">phApp.baseUrl = "https://careers.straumann.com/global/en/";</script><script type="text/javascript" nonce="">phApp.baseDomain = "https://careers.straumann.com";</script><script type="text/javascript" nonce="">phApp.widgetApiEndpoint = "https://careers.straumann.com/widgets";</script><script type="text/javascript" nonce="">phApp.pageId = "page330-prod";</script><script type="text/javascript" nonce="">phApp.locale = "en_global";</script><script type="text/javascript" nonce="">phApp.pageName = "Diversity and Inclusion";</script><script type="text/javascript" nonce="">phApp.siteType = "external";</script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-basic-4.31.js" defer="" module="" platform_id="platform_basic" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/require-4.1.js" defer="" platform_id="platform_require" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part1-4.1.js" defer="" platform_id="platform_vendorBundleJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part2-4.1.js" defer="" platform_id="platform_vendorBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part1-4.87.js" defer="" platform_id="platform_phCommonBundleJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part2-4.87.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/en_global/desktop/page330-prod/ph-page-page330-prod-1718526122695.js" defer="" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-loader-4.21.js" defer="" platform_id="platform_loader" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/appConfig/ph-app-config-1.14.js" defer="" platform_id="platform_phAppConfigJs" nonce=""></script> <script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-1631871687671-default" nonce=""><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" role="region" key-role="gdpr-regionRole" aria-label="cookies message" key-aria-label="gdpr-cookiesMessageAriaLabel" if.bind="showCookiePopup" data-ph-id="ph-widget-element-1631871687671-2"> <div class="container" data-ph-id="ph-widget-element-1631871687671-3"> <div class="cookie-text-area" data-ph-at-id="cookie-text" data-ph-id="ph-widget-element-1631871687671-4"> <ppc-content key="gdpr-cookietextAreaText" data-ph-at-id="cookie-text" data-ph-id="ph-widget-element-1631871687671-5"> We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our Cookie Settings page. If you continue to use this site, you consent to our use of cookies. </ppc-content> </div> <div class="cookie-button-area" data-ph-id="ph-widget-element-1631871687671-6"> <a ph-href="cookiesettings" key-ph-href="gdpr-careerSiteCookieSettingsHrefText" class="btn secondary-button cookie-settings" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="gdpr-cookieSettingsAriaLabel" data-ph-id="ph-widget-element-1631871687671-7"> <ppc-content key="gdpr-cookieSettingsText" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-widget-element-1631871687671-8"> Cookie Settings </ppc-content> </a> <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" data-ph-id="ph-widget-element-1631871687671-9"> <i class="icon icon-check-mark" data-ph-id="ph-widget-element-1631871687671-10"></i> <ppc-content key="gdpr-allowCookiesText" data-ph-at-id="cookie-close-link-text" data-ph-id="ph-widget-element-1631871687671-11"> Allow </ppc-content> </button> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-1631871688494-default" nonce=""><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" role="region" key-role="gdpr-regionRole" aria-label="cookies message" key-aria-label="gdpr-cookiesMessageAriaLabel" if.bind="showCookiePopup" data-ph-id="ph-widget-element-1631871688494-2" data-pre-render=""> <div class="container" data-ph-id="ph-widget-element-1631871688494-3"> <div class="cookie-text-area" data-ph-at-id="cookie-text" data-ph-id="ph-widget-element-1631871688494-4"> <ppc-content key="gdpr-cookietextAreaText" data-ph-at-id="cookie-text" data-ph-id="ph-widget-element-1631871688494-5"> We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our Cookie Settings page. If you continue to use this site, you consent to our use of cookies. </ppc-content> </div> <div class="cookie-button-area" data-ph-id="ph-widget-element-1631871688494-6"> <a ph-href="cookiesettings" key-ph-href="gdpr-careerSiteCookieSettingsHrefText" class="btn secondary-button cookie-settings" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="gdpr-cookieSettingsAriaLabel" data-ph-id="ph-widget-element-1631871688494-7" phae="ph-cookie-popup-v2" phae-type="click" phae-main="1"> <ppc-content key="gdpr-cookieSettingsText" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-widget-element-1631871688494-8"> Cookie Settings </ppc-content> </a> <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" data-ph-id="ph-widget-element-1631871688494-9" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2"> <i class="icon icon-check-mark" data-ph-id="ph-widget-element-1631871688494-10"></i> <ppc-content key="gdpr-allowCookiesText" data-ph-at-id="cookie-close-link-text" data-ph-id="ph-widget-element-1631871688494-11"> Allow </ppc-content> </button> </div> </div> </div> <!--googleon: index--></script><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp.pageId = "page330-prod";</script><script type="text/x-ph-tmpl" id="ph-language-selector-v2-1666958206569-view3" nonce=""><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-43mw7j-rf0kJy"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-43mw7j-oulmw6"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-short-header-43mw7j-xBOOLV"> <!-- <label class="sr-only" for="selectedLanguageBtn" id="selectedLanguageLabel"> Language selector </label> --> <button if.bind="searchArray.length>1" class="language-block ${(searchArray.length==1)?'single-language':''} ${(searchArray.length>10) ? '':'dropdown-arrow'}" role="${(searchArray.length==1)?'text':'button'}" click.delegate="isshowDropDown = !isshowDropDown" aria-expanded="${isshowDropDown?true:false}" data-ph-id="ph-page-element-short-header-43mw7j-Z07OWW"> <span class="flag flag-${choosenLanguage.locationDisplayName}" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-43mw7j-ONFWZd"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-43mw7j-yPdhbk"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-43mw7j-6ZbMjV"> Language selected </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-43mw7j-Z73BfE"> ${choosenLanguage.locationDisplayName} </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-43mw7j-ZApjzx"> ${choosenLanguage.languageDisplayName} </span> <i aria-hidden="true" class="icon icon-triangle ${isshowDropDown ? 'icon-up' : 'icon-down'} arrow-icon" show.bind="(searchArray.length>1)" data-ph-id="ph-page-element-short-header-43mw7j-BSxl3B"></i> </button> <div class="dropdown-box ph-a11y-dropdown-box ${(searchArray.length>10) ? '':'dropdown-arrow'}" show.bind="isshowDropDown && (searchArray.length>1)" data-ph-id="ph-page-element-short-header-43mw7j-Xw5f8e"> <div class="search-area ph-a11y-search-area" role="search" aria-expanded="false" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-short-header-43mw7j-ZtNYQ3"> <input type="text" name="language-listbox" aria-label="Search from below list" id="language-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="language-listbox" value.bind="filterKey" placeholder="Enter location or Language" key-placeholder="43mw7j-ph-language-selector-v2-view3-languageSearchPlaceholderText" data-show-listbox="false" data-ph-id="ph-page-element-short-header-43mw7j-Mv8Tpa" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-43mw7j-qZwfxC"></i> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.delegate="clearSearch()" focus.trigger="onBlurHandler($event, true)" if.bind="filterKey" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" data-ph-id="ph-page-element-short-header-43mw7j-CVN4qI"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-43mw7j-y2WeBC"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-43mw7j-STsHN1"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-43mw7j-spyegI"> <ppc-content key="43mw7j-ph-language-selector-v2-view3-searchInputClearText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-43mw7j-6V8pZw">Clear text</ppc-content> </span> </a> </div> <ul class="dropdown-list" id="language-selector-box" role="listbox" aria-labelledby="language-listbox" tabindex="-1" data-ph-id="ph-page-element-short-header-43mw7j-irvrAd"> <li class="dropdown-list-item ph-a11y-dropdown-list-item" repeat.for="each of roots" role="option" data-ph-id="ph-page-element-short-header-43mw7j-esr65k"> <a href="${each.locationUrl}" click.delegate="languageChanged(each,true)" class="${(each.displayName==choosenLanguage.displayName)?'active':''}" data-ph-at-displayname-text="${each.displayName}" tabindex="-1" data-ph-id="ph-page-element-short-header-43mw7j-lSRiM3"> <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-43mw7j-DLv5SC"></span> <div class="country" data-ph-id="ph-page-element-short-header-43mw7j-9lDFcY"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-43mw7j-KDLv5A"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-43mw7j-3v5vi4"> <ppc-content data-ph-id="ph-page-element-short-header-43mw7j-wnrpTk"> selected </ppc-content> </div> </div> </a> </li> </ul> <div aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-short-header-43mw7j-ppkS8B"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-43mw7j-pRKzyS"> <ppc-content key="43mw7j-ph-language-selector-v2-view3-noResultFoundText" data-ph-id="ph-page-element-short-header-43mw7j-5X75bg"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-43mw7j-gVVeJZ"> ${roots.length} <ppc-content key="43mw7j-ph-language-selector-v2-view3-sugessionText" data-ph-id="ph-page-element-short-header-43mw7j-jxIRao"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1688407510723" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-v3bgIw"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-vl7mc4"> <div class="widget-container" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-E40eKo"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-2OZyQ7"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-lD4yzF"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-AkYdAd"> <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-1688400504874-ph-social-connect-v1-83O4na"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-JEff3O"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-Od9C4T"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-RM6D5z"> <ppc-content key="ijlF1K-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-5BYlqj">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1pppzUZ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1K1TaQG"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-iFsrHK"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-Q12TAA"> <ppc-content key="CNCeaL-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-46Jneu">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1pppzUZ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1K1TaQG"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-fYiMEP"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-qe8xHM"> <span class="social-alert-msg" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-emXJ3f"> ${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-1688400504874-ph-social-connect-v1-XBE4mv"> <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-1688400504874-ph-social-connect-v1-AelxeD"> <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-1688400504874-ph-social-connect-v1-aK2sgo"> <div class="icon-block" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-hJ0QXp"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-kSOJLI"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1688400504874-ph-social-connect-v1-Im4iGv"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-1666958206580-view2" nonce=""><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-obk1w0-IHZTly"> <a ph-href="jobcart" aria-atomic="true" aria-live="polite" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" data-ph-id="ph-page-element-short-header-obk1w0-vtCCL4"> <!-- <i class="${jobCartCount > 0? 'icon icon-cart-lg' : 'icon icon-cart'}" aria-hidden="true"></i> --> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-obk1w0-qTEBQm"></i> <span class="linkText" data-ph-at-id="heading-text" data-ph-id="ph-page-element-short-header-obk1w0-ivYRlW"> ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])} </span> <span class="phs-jobcart-count" data-ph-id="ph-page-element-short-header-obk1w0-Rx7Iao"> (${jobCartCount})</span> </a> </div> </script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1688400247347" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-VPVifQ"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-RfEHii"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-dFPQlf"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-3IcsZ6"></i> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-LshNRg">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-WCaYEo"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Rftsru"></i> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-QWfz4E">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-zlIreQ"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-zs7uoB"> <span if.bind="registeredSuccessfully" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-JcBcxz"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-SCQrF3"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-vaQaoX"> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-qRaugx">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-sFW5tV"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-r3ZOBL"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-C0DnZu"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-K2s3YY"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Yo3x97"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-HsJXXX"> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-RCLj40">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-M7rfTm"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-rfmrwR"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-IR8q8X"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-EfalDJ"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-qSw4Fd"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Y9qaor"> <div class="user-actions-list" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-LRTZx2"> <div class="user-actions-listitem" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-irfqEo"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-lz2N3x"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-LwFs9e"> <a ph-tevent="signout_click" if.bind="!isCsrfGetLogoutFlowEnabled" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-FmNMwT"> ${widgetBundle['signOutButton'] | pht} </a> <a ph-tevent="signout_click" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" class="cd-sign-out-btn" href="javascript:void(0)" data-ph-at-id="heading-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-IVzFMs"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-5xp6nQ"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-H0Hb4c"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-XkshZp"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-mnl4fA"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ClMa4T"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-zkE9Wl"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-LHFPA1"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-NLkmDF"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-gTQxdI"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-NJ7WIe"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-BryCq8"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Z3YoE3"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-nNthU2"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Zrplig"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-S0SVXl"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Lnb05D"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-q3sWKP"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-uaCMsA"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-f8Te04"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-xAnkMN"> <form novalidate="" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-sAdxlZ"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-dQBys9"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-s7wwhg"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-LE3B1T"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Bt0FPr"> <div class="text-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-S7J1xy"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-IITH9m"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-dFYKMt"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-2pe3Us"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-7D3z2g"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-OQ2VeM"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-19TbpF"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ldesxA"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-l30mxg"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-MBBxyp"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-fDuSet"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-UvsaS7"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-RoJWbv"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-w86xIX"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-9H1LHo"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-VuWdNF"> <div class="text-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-FYh87u"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="off" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-rEUQOx"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-3s0cs0"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-U367Fv"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-mzMGsY"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-dTfVGi"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-4fGJqB"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-808rqF"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Sy20Vc"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-oBiLcr"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Pb8lfT"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-RrWL0M"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-pCi6OD"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-7SB4WS"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-sVcHoe"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-cQOVsG"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-PvoFGV"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Rns5qd"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-8PVeNm"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-JB1mWZ"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-xaqlHC"> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-2xJCDI"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Xrjeor"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-CBOO8c"> <div class="user-options" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-VPsgGk"> <span class="each-option" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-rJ0Qoh"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-sRxuEB"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-yuFVFS"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-vBuYte"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-mOPLfj"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-z3lGJK"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-G59Unf"> <span class="forgot-password-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ymDuSB"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-FJ4aze"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-MQefcb"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-W7QKBB"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-jPFVLk"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-NesmIS"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-0RTSe4"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-pI9Yn7"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-UGhE81"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-AtEnqu"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-y4qyY8"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ywbjpb"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-mnE0RK"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-O3PF16"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-fTt1cV"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-GnBkaQ"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-CyFFv5"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Meu9Xp"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-PfhH5y"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-4ht4By"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-4kdFxo"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-5pLtc1"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-BLFIs2"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-X66rvz"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-OleNzy"> <form novalidate="" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-UO42qr"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-92TBKi"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-YA86EO"> <label for="createEmail" class="form-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-qv7LZM"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-r1CypW"> <div class="text-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-X01HZs"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-pJ3ogC"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-57fh8f"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-k8drCO"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-yH3MJ8"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-XoMf4K"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-LwC8Ft"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-rgXS8J"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-NyZROH"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-kG5ZZZ"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-KzuqVK"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-nkrnvN"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-pFU6AA"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-KFTLLk"> <label for="createPassword" class="form-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-3rHILz"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-8HzrHM"> <div class="text-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-L8y8UE"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="off" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-GkbLod"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-2batgJ"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-D63m5u"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ANXOZC"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-fFmF8j"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-SoBmvw"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-tLBYUe"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-eYfHPR"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-AnlH7A"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-aIlEBj"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-FY4VCG"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-oaplW1"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-1CIqQf"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-SRHTn2"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-VhOulV"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-3mqeaA"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-398jHc"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-KVXJdD"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-gWJsXT">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-TbHTkz">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-pmLdyp">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-fvvbE5">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-XgOToI"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-uMudzv"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-U3NEEt"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-H4dPtq"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-phtwMW"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-9TkOtF"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ikjhyg-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-vpzabx"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-heluJ5"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-cVdQFP"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-6NT72Y"> <ppc-content key="B8PI8N-ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-FPh0VV"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-1666958206518-default-ph-candidate-login-v1ikjhyg-9sFnEX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1666958206518-default-ph-candidate-login-v1ikjhyg-S83Pij"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-quB6Id"> <span class="checkbox-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-fkgjio"> <ppc-content key="Ba85PX-ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-LHtXsM"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-1666958206518-default-ph-candidate-login-v1ikjhyg-9sFnEX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1666958206518-default-ph-candidate-login-v1ikjhyg-S83Pij"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-m06u12"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-EBFwYb"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-wC6340"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-daLPIe"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ImEOue"></span> <span class="checkbox-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-gcDZGq"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-cmCixp"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-trVrdv">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-WSNCIY"> <span class="sr-only required-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-bOCspA"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-UZh1K1"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-28Jaqb"> <span class="alert-msg" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-6c1GDq"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-FW06L2"> <span class="alert-msg" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-9qNTKm"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-dl4rwj"> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-FYi0ET"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-2pzk2n"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-2tZzJb"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-J8eoRM"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-COrgyH"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Wwhfpb" view="1688400254385-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-1688407510723" original-view="view5" instance-id="" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-jvyALy"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-pOcST2"> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-A4ugIQ"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-NR35PN"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-SwGU5M"> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-THA8f9"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-3Q7pVM"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-HBbfJx"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-bjjZKv">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-fxUV5A">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Cymkrr"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-aaVqAi"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-OiQUZT"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-NS19YL"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-0s9erZ"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-bQvehh"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-j6CzIn"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-lQuXgv"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-EZL4Na"></span> <span class="checkbox-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-EfYr1U"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-egjrnl"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-NWG5qx">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-LdJRpO"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-7wE2Kl"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-VOqRhx"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-6UmQIm"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-hn0e8l"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-WMrc8u"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-NFly7Q">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-fT1wpV">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn && isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-OUso71">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-cpFTxE">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-9x0Lot"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-aOrZRl"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-OeioLl"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-spvy9v"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-B3Yyol">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-PnupTH">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-HCW5af"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-1718194447202-default" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-361829666743982-2"></div> <div class="widget-block-area" data-ph-id="ph-widget-element-361829666743982-3"> <div class="modal-backdrop" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-widget-element-361829666743982-4"></div> <div class="content-block upload-resume-block" aria-hidden="${((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup) ? 'false' : 'true'}" show.bind="((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup)" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-361829666743982-5"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829666743982-6"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-widget-element-361829666743982-7"> <div class="widget-container" data-ph-id="ph-widget-element-361829666743982-8"> <div class="upload-resume-tile-container" data-ph-id="ph-widget-element-361829666743982-9"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-widget-element-361829666743982-10"> <h2 class="phs-heading" if.bind="userState == 'visitor'" data-ph-id="ph-widget-element-361829666743982-11"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-preLoginHeadingVisitorText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-12">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-widget-element-361829666743982-13"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-preLoginHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-14">Get tailored job recommendations based on your interests.</ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-widget-element-361829666743982-15"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" aria-label="Get started for profile recommendations" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel1" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-widget-element-361829666743982-16"> <ppc-content key="i3OOue-QeTFt8-ph-find-your-fit-container-v1-default-preLoginActionButtonText" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-widget-element-361829666743982-17"> Get Started</ppc-content> </button> </div> </div> </div> </div> </div> <!-- show edit option--> <div class="post-login-resume-tile" show.bind="isLoggedIn" data-ph-id="ph-widget-element-361829666743982-18"> <div class="widget-container" data-ph-id="ph-widget-element-361829666743982-19"> <div class="post-login-resume-tile-container" data-ph-id="ph-widget-element-361829666743982-20"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-widget-element-361829666743982-21"> <div class="user-profile-icon fs-block" data-ph-id="ph-widget-element-361829666743982-22"> <span class="user-name-prefix" if.bind="!profileData.firstName" data-ph-id="ph-widget-element-361829666743982-23"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-24"></i> </span> <span class="sr-only" data-ph-id="ph-widget-element-361829666743982-25"> <span key="QeTFt8-ph-find-your-fit-container-v1-default-profileIconScreenText" data-ph-id="ph-widget-element-361829666743982-26"> profile icon </span> ${profileData.firstName ? profileData.firstName.substring(0,1) : ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="profileData.firstName" data-ph-id="ph-widget-element-361829666743982-27"> ${profileData.firstName.substring(0,1)}${profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829666743982-28"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="profileData.firstName" data-ph-id="ph-widget-element-361829666743982-29"> <span class="recom-text" data-ph-id="ph-widget-element-361829666743982-30">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName":profileData.firstName}}</span> </div> <h2 class="user-profile-info phs-heading" if.bind="isProfileJobsAvailable != undefined" data-ph-id="ph-widget-element-361829666743982-31"> <span class="recom-text" data-ph-id="ph-widget-element-361829666743982-32"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="QeTFt8-ph-find-your-fit-container-v1-default-postLoginProfileHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-33">Your personalized site and job recommendations are ready.</ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && !isCandidateHomeEnabled" key="QeTFt8-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-34"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && isCandidateHomeEnabled && isProfileDataExists" key="QeTFt8-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-35"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && !isProfileJobsAvailable && !isProfileDataExists" key="QeTFt8-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading3" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-36"> Currently we don’t have enough information to provide personalized job recommendations. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && (isActiveSession && isAnonymous)" key="QeTFt8-ph-find-your-fit-container-v1-default-postLoginSignUpText" data-ph-id="ph-widget-element-361829666743982-37"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-widget-element-361829666743982-38">Sign up</a> <span data-ph-id="ph-widget-element-361829666743982-39"> to save your personalized experience </span> </ppc-content> </span> </h2> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && flowType == 'upload_resume'" data-ph-id="ph-widget-element-361829666743982-40"> <div class="action-area-block" data-ph-id="ph-widget-element-361829666743982-41"> <button class="edit-resume upload-action-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-editUploadOptionAriaLabel1" data-ph-at-id="edit-link" data-ph-id="ph-widget-element-361829666743982-42"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo)" data-ph-id="ph-widget-element-361829666743982-43"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-44"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-widget-element-361829666743982-45"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-46"></i> </span> <span class="resume-name" data-ph-id="ph-widget-element-361829666743982-47"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-ResumeUpdateEditTxt" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-361829666743982-48"> <span data-ph-id="ph-widget-element-361829666743982-49">${profileData.resumeName && (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName && ('.'+profileData.resumeName.split('.').pop())} </ppc-content> </span> <i class="icon ${isDropdownOpen ? 'icon-up-arrow' : 'icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-50"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-widget-element-361829666743982-51"> <ul data-ph-id="ph-widget-element-361829666743982-52"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo)" data-ph-id="ph-widget-element-361829666743982-53"> <button class="completeInfo-btn" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-" click.delegate="openContactDetailsPopup()" data-ph-id="ph-widget-element-361829666743982-54"> <span class="button-text" data-ph-id="ph-widget-element-361829666743982-55"> <span class="error-icon action-icon" data-ph-id="ph-widget-element-361829666743982-56"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-57"></i> </span> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-completeInformationButtonText" data-ph-id="ph-widget-element-361829666743982-58"> Complete resume info </ppc-content> </span> </button> </li> <li data-ph-id="ph-widget-element-361829666743982-59"> <section class="ph-widget" data-tmpl-type="inline" instance-id="2Qer5j" original-view="re-upload" view="361829105092159-upload" data-ph-id="ph-widget-element-361829666743982-60"> <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="361829105092159-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" instance-id="2Qer5j" original-view="re-upload" data-ph-id="ph-widget-element-361829666743982-61"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-361829666743982-62"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-361829666743982-63"> <span class="action-icon" data-ph-id="ph-widget-element-361829666743982-64"> <i class="icon icon-upload" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-65"></i> </span> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-widget-element-361829666743982-66">Upload new </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-widget-element-361829666743982-67"> <button class="remove-btn" aria-label="Reset profile" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-removeCurrentProfileAriaLbl" click.delegate="openDeletePopup()" data-ph-id="ph-widget-element-361829666743982-68"> <span class="action-icon" data-ph-id="ph-widget-element-361829666743982-69"> <i class="icon icon-delete-4" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-70"></i> </span> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-removeExistingResumeTxt" data-ph-id="ph-widget-element-361829666743982-71"> Remove </ppc-content> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-widget-element-361829666743982-72"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-widget-element-361829666743982-73"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-74"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-widget-element-361829666743982-75"> ${socialProvider} </span> <ppc-content key="x96eMS-QeTFt8-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-widget-element-361829666743982-76"> 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="yrAQhl-QeTFt8-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-widget-element-361829666743982-77"> <ppc-content key="lUEnma-QeTFt8-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-widget-element-361829666743982-78">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-widget-element-361829666743982-79"> <div class="action-area-block" data-ph-id="ph-widget-element-361829666743982-80"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="EH5mUk-QeTFt8-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-widget-element-361829666743982-81"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-profileUpdationEditText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-361829666743982-82">Edit profile</ppc-content> </button> <div class="reset-block" data-ph-id="ph-widget-element-361829666743982-83"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin && !isSiteLogin" aria-label="reset find your fit profile" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-profileUpdateResetAriaLabel" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-widget-element-361829666743982-84"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-85"></i> <span data-ph-id="ph-widget-element-361829666743982-86"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-profileUpdateResetLinkText" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-widget-element-361829666743982-87"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-widget-element-361829666743982-88"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-widget-element-361829666743982-89"> <span class="sr-only" data-ph-id="ph-widget-element-361829666743982-90">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-91"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-widget-element-361829666743982-92"> ${socialProvider} </span> <ppc-content key="o8wx99-QeTFt8-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-widget-element-361829666743982-93"> 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="grBZI2-QeTFt8-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-widget-element-361829666743982-94"> <ppc-content key="X7uhI0-QeTFt8-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-widget-element-361829666743982-95">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-widget-element-361829666743982-96"> <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="QeTFt8-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-widget-element-361829666743982-97"> <ppc-content key="v3te1E-QeTFt8-ph-find-your-fit-container-v1-default-preLoginActionButtonText" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-widget-element-361829666743982-98"> Get Started</ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous && flowType == 'candidateProfile'" data-ph-id="ph-widget-element-361829666743982-99"> <div class="action-area-block" data-ph-id="ph-widget-element-361829666743982-100"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="1CYmT4-QeTFt8-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-id="ph-widget-element-361829666743982-101"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-profileUpdationEditProfileText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-361829666743982-102">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" data-ph-at-id="upload-resume-and-steps-block" data-ph-id="ph-widget-element-361829666743982-103"> <div class="widget-container" data-ph-id="ph-widget-element-361829666743982-104"> <div class="inner-content" data-ph-id="ph-widget-element-361829666743982-105"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-widget-element-361829666743982-106"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-flowChoosingHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-107">Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-widget-element-361829666743982-108"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-flowChoosingHeadingSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-361829666743982-109">Either use your resume or tell us a little about yourself</ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-widget-element-361829666743982-110"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-widget-element-361829666743982-111"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-widget-element-361829666743982-112"> <ppc-content key="jv0wxb-QeTFt8-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-widget-element-361829666743982-113">Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-widget-element-361829666743982-114"> <ppc-content key="f7fqOe-QeTFt8-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-widget-element-361829666743982-115">or</ppc-content> </p> </div> <div class="dropzone-area" data-ph-id="ph-widget-element-361829666743982-116"> <!-- import resume --> <section class="ph-widget" instance-id="KPU7Re" original-view="external-upload-resume" view="361829129399846-upload-resume" data-ph-id="ph-widget-element-361829666743982-117"> <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="361829129399846-upload-resume" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="KPU7Re" data-ph-id="ph-widget-element-361829666743982-118"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-widget-element-361829666743982-119"> <p class="or-text" data-ph-id="ph-widget-element-361829666743982-120"> <ppc-content key="TA0hN1-QeTFt8-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-widget-element-361829666743982-121">or</ppc-content> </p> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-desktop-link" data-ph-id="ph-widget-element-361829666743982-122"> <ppc-content key="RNBMvI-QeTFt8-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-widget-element-361829666743982-123">Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-widget-element-361829666743982-124"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-361829666743982-125"> <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="nkq3rM-QeTFt8-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-id="ph-widget-element-361829666743982-126"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-127"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-128"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829666743982-129"> <ppc-content key="U1ocm1-QeTFt8-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-361829666743982-130">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="QeTFt8-ph-find-your-fit-container-v1-default-ChooseSectionCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-361829666743982-131"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-132"></i> </button> </div> </div> </div> <div class="popup-modal-backdrop upload-resume-popup" if.bind="userConsentPopup" data-ph-id="ph-widget-element-361829666743982-133"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-widget-element-361829666743982-134"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-widget-element-361829666743982-135"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-popup-start-focus" data-ph-id="ph-widget-element-361829666743982-136"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeUserConsentPopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-widget-element-361829666743982-137"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-138"></i> </button> </div> <div class="modal-body" data-ph-id="ph-widget-element-361829666743982-139"> <h2 class="heading-block" data-ph-id="ph-widget-element-361829666743982-140"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="QeTFt8-ph-find-your-fit-container-v1-default-unsaved-popup-heading" data-ph-id="ph-widget-element-361829666743982-141"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-widget-element-361829666743982-142"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="QeTFt8-ph-find-your-fit-container-v1-default-ally-unsaved-popup-subHeading" data-ph-id="ph-widget-element-361829666743982-143"> In order to process your resume and provide job recommendations you must agree to our privacy policy and terms of service </ppc-content> </div> <div class="checkbox-wrapper" data-ph-id="ph-widget-element-361829666743982-144"> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-361829666743982-145"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-361829666743982-146"> <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="QeTFt8-ph-find-your-fit-container-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-361829666743982-147"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-148"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-149"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829666743982-150"> <ppc-content class="cd-terms-policy-block" key="QeTFt8-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-widget-element-361829666743982-151"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-361829666743982-152"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-361829666743982-153">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-361829666743982-154">*</span> </ppc-content> </span> </input></label> </div> <div class="terms-error" if.bind="termsError" data-ph-id="ph-widget-element-361829666743982-155"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-terms-error" data-ph-id="ph-widget-element-361829666743982-156"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-361829666743982-157"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-361829666743982-158"> <input type="checkbox" checked.bind="savePersonalInfo" aria-checked="${savePersonalInfo?'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Save my resume and contact me for jobs that I may be a fit for" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-saveResumeAriaLabe" data-ph-id="ph-widget-element-361829666743982-159"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-160"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-161"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829666743982-162"> <ppc-content data-ph-at-id="checkbox-button-text" key="QeTFt8-ph-find-your-fit-container-v1-default-save-my-checkbox-button-text" data-ph-id="ph-widget-element-361829666743982-163">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <button class="btn primary-button" click.delegate="submitResume()" data-ph-id="ph-widget-element-361829666743982-164"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-submitbuttonkey" data-ph-id="ph-widget-element-361829666743982-165"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-widget-element-361829666743982-166"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" show.bind="isDialogOpen" data-ph-id="ph-widget-element-361829666743982-167"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-widget-element-361829666743982-168"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-widget-element-361829666743982-169"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format resume popup close" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-uploadFailurePopupCloseAriaLabel1" data-ph-at-id="close-link" data-ph-id="ph-widget-element-361829666743982-170"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-171"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-widget-element-361829666743982-172"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-173"></i> <span key="QeTFt8-ph-find-your-fit-container-v1-default-sadFileIconText" class="sr-only" data-ph-id="ph-widget-element-361829666743982-174">Failure icon</span> </div> <div data-ph-id="ph-widget-element-361829666743982-175"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-widget-element-361829666743982-176"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-177"> Oops invalid format...</ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-widget-element-361829666743982-178"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-179"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-widget-element-361829666743982-180"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-361829666743982-181"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported" data-ph-id="ph-widget-element-361829666743982-182"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-361829666743982-183">Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported" data-ph-id="ph-widget-element-361829666743982-184"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadErrorUploadAgain" data-ph-at-id="error-text" data-ph-id="ph-widget-element-361829666743982-185">Please try to upload your resume again</ppc-content> </p> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-widget-element-361829666743982-186"> <div class="upload-again" data-ph-id="ph-widget-element-361829666743982-187"> <section class="ph-widget" data-tmpl-type="inline" instance-id="PgsYhn" original-view="upload-new" view="361829151128311-new" data-ph-id="ph-widget-element-361829666743982-188"> <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="361829151128311-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="PgsYhn" data-ph-id="ph-widget-element-361829666743982-189"> <div class="ph-dropzone-area" data-ph-id="ph-widget-element-361829666743982-190"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-361829666743982-191"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-widget-element-361829666743982-192">Try again</ppc-content> </button> </div> </div> </section> </div> </div> </div> </div> <div if.bind="contactDetailsPopup" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-widget-element-361829666743982-193"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact details popup Close" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-contactDetailsPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-361829666743982-194"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-195"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-361829666743982-196"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-widget-element-361829666743982-197"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-widget-element-361829666743982-198"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsErrorText1" data-ph-at-id="description-error-text" data-ph-id="ph-widget-element-361829666743982-199"> Sorry ! Something went wrong, please try again in a few minutes </ppc-content> </p> <h2 if.bind="contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-widget-element-361829666743982-200"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-201"> But we noticed below information is missing from it. <br /> Please complete the following:</ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-widget-element-361829666743982-202"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-203"> We noticed below information is missing from it. <br /> Please complete the following: </ppc-content> </h2> <div data-ph-id="ph-widget-element-361829666743982-204"> <form role="form" aria-label="contact details" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-contactDetailspopupFormArialLabel1" data-ph-id="ph-widget-element-361829666743982-205"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-361829666743982-206"> <div data-ph-id="ph-widget-element-361829666743982-207"> <label for="email" data-ph-id="ph-widget-element-361829666743982-208"> <span key="b3fgKj-QeTFt8-ph-find-your-fit-container-v1-default-contactDetailsEmail" class="sr-only" data-ph-id="ph-widget-element-361829666743982-209">Email</span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-210"> <ppc-content key="PchMcd-QeTFt8-ph-find-your-fit-container-v1-default-contactDetailsEmail" data-ph-at-id="email-text" data-ph-id="ph-widget-element-361829666743982-211">Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-361829666743982-212"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="your@mail.com" key-placeholder="QeTFt8-ph-find-your-fit-container-v1-default-contactDetailsEmailInputPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-widget-element-361829666743982-213"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-361829666743982-214"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-361829666743982-215"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorText" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-widget-element-361829666743982-216"> Email should not empty </ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-361829666743982-217"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorCorrectFormat" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-widget-element-361829666743982-218"> Enter a vaild email adress </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-219"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-361829666743982-220"> <div data-ph-id="ph-widget-element-361829666743982-221"> <label for="phone" data-ph-id="ph-widget-element-361829666743982-222"> <span key="Bn7dLy-QeTFt8-ph-find-your-fit-container-v1-default-ContactDetailsPhone" class="sr-only" data-ph-id="ph-widget-element-361829666743982-223">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-224"> <ppc-content key="HiA2fy-QeTFt8-ph-find-your-fit-container-v1-default-contactDetailsPhone" data-ph-at-id="phone-text" data-ph-id="ph-widget-element-361829666743982-225">Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-361829666743982-226"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="QeTFt8-ph-find-your-fit-container-v1-default-ContactDetailsPhoneInputPlaceHolder1" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-widget-element-361829666743982-227"> <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-widget-element-361829666743982-228"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-contactDetailsPhoneInputErrorText" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-widget-element-361829666743982-229">Please enter correct phone number </ppc-content> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-230"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-widget-element-361829666743982-231"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-widget-element-361829666743982-232"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-uploadResumeContactDetailsSubtmitText" data-ph-id="ph-widget-element-361829666743982-233">Submit</ppc-content> </button> </div> </div> </div> </div> <div class="user-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && isAnonymous" data-ph-id="ph-widget-element-361829666743982-234"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login popup Close" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-socialLoginPopupCloseAriaLabelText" data-ph-at-id="close-link" data-ph-id="ph-widget-element-361829666743982-235"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-236"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-widget-element-361829666743982-237"> <div class="upload-cv-status-area" if.bind="contactDetailsFirstTime" data-ph-at-id="success-block" data-ph-at-filename-text="${profileData.resumeName}" data-ph-id="ph-widget-element-361829666743982-238"> <p data-ph-at-id="sucess-text" data-ph-id="ph-widget-element-361829666743982-239"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-widget-element-361829666743982-240"> <h2 class="phs-heading" data-ph-id="ph-widget-element-361829666743982-241"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadSuccessHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829666743982-242">Sign in and keep your data for future visits</ppc-content> </h2> <section class="ph-widget" instance-id="DwaZhm" original-view="view4" view="361829173985748-view4" data-ph-id="ph-widget-element-361829666743982-243"> <div class="ph-social-connect-v1-view4-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="361829173985748-view4" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="DwaZhm" data-ph-id="ph-widget-element-361829666743982-244"></div> </section> <div class="signin-info" data-ph-id="ph-widget-element-361829666743982-245"> <span data-ph-id="ph-widget-element-361829666743982-246"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-247"></i> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadSuccessDesc" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-widget-element-361829666743982-248"> 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-widget-element-361829666743982-249"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-widget-element-361829666743982-250"> <div class="failure-img-block" data-ph-id="ph-widget-element-361829666743982-251"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-252"></i> <span key="QeTFt8-ph-find-your-fit-container-v1-default-happyFileIconText" class="sr-only" data-ph-id="ph-widget-element-361829666743982-253">success icon </span></div> <div data-ph-id="ph-widget-element-361829666743982-254"> <h3 class="heading" data-ph-id="ph-widget-element-361829666743982-255"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessHeading" data-ph-at-id="sucess-text" data-ph-id="ph-widget-element-361829666743982-256"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-widget-element-361829666743982-257"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes1" data-ph-at-id="sucess-desc1" data-ph-id="ph-widget-element-361829666743982-258">Your file is successfully uploaded</ppc-content> </div> <div class="p-text" data-ph-id="ph-widget-element-361829666743982-259"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes3" data-ph-at-id="sucess-desc2" data-ph-id="ph-widget-element-361829666743982-260">Enjoy your personalized jobs</ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-widget-element-361829666743982-261"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file upload success popup close" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-socialLoginSuccessCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-361829666743982-262"> <span class="btn primary-button" data-ph-id="ph-widget-element-361829666743982-263"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-socialLoginCloseText" data-ph-at-id="close-link-text" data-ph-id="ph-widget-element-361829666743982-264">Close </ppc-content> </span> </button> </div> </div> </div> </div> <div if.bind="isDeleteResume" class="upload-delete" data-ph-at-id="upload-delete-block" data-ph-id="ph-widget-element-361829666743982-265"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup close" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-resetPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-361829666743982-266"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-267"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-widget-element-361829666743982-268"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-widget-element-361829666743982-269"></i> <span class="sr-only" key="QeTFt8-ph-find-your-fit-container-v1-default-removeFileIconText" data-ph-id="ph-widget-element-361829666743982-270">reset icon</span> </div> <div data-ph-id="ph-widget-element-361829666743982-271"> <div class="p-text" data-ph-id="ph-widget-element-361829666743982-272"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-resumeUploadDeletDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-361829666743982-273">By resetting personalization <br />you will lose your personalized job recommendations </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-widget-element-361829666743982-274"> <div class="delete-link" data-ph-id="ph-widget-element-361829666743982-275"> <button class="btn warning-button" aria-label="Reset" key-aria-label="QeTFt8-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteAriaLabel" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-widget-element-361829666743982-276"> <ppc-content key="QeTFt8-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteButtonText" data-ph-id="ph-widget-element-361829666743982-277"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829666743982-278"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-widget-element-361829666743982-279"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-widget-element-361829666743982-280"> resume uploading </div> </div> </div> <!-- Find your fit --> <section class="ph-widget" instance-id="HyOQB2" if.bind="isFyfEnabled" original-view="default" view="361829306410250-default" data-ph-id="ph-widget-element-361829666743982-281"> <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="HyOQB2" data-widget="ph-find-your-fit-v1" view="361829306410250-default" original-view="default" data-ph-id="ph-widget-element-361829666743982-282"></div> </section> <!-- Candidate login mobile view --> <div show.bind="candidateLoginPopup" data-ph-id="ph-widget-element-361829666743982-283"> </div> <!-- Candidate login desktop view --> <div show.bind="candidateLoginPopup" data-ph-id="ph-widget-element-361829666743982-286"> <section class="ph-widget" instance-id="8A6SB4" hide-on-mobile="true" original-view="default" view="361829499195544-default" data-ph-id="ph-widget-element-361829666743982-287"> <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="361829499195544-default" instance-id="8A6SB4" original-view="default" data-ph-id="ph-widget-element-361829666743982-288"></div> </section> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-361829476618434-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-361829476618434-2"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-361829476618434-3"> <div class="widget-container" data-ph-id="ph-widget-element-361829476618434-4"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-widget-element-361829476618434-5"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-widget-element-361829476618434-6"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-361829476618434-7"> <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="SQ8idZ-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-361829476618434-8"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829476618434-9"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-361829476618434-10"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-361829476618434-11"> <ppc-content key="iSjnaI-SQ8idZ-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-361829476618434-12"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-361829476618434-13"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829476618434-14"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-361829476618434-15"> <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-361829476618434-16"> <ppc-content key="0Gp44P-SQ8idZ-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-361829476618434-17"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-361829476618434-18"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829476618434-19"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829476618434-20"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-widget-element-361829476618434-21"> <span class="social-alert-msg" data-ph-id="ph-widget-element-361829476618434-22"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="SQ8idZ-ph-social-connect-v1-view5-listRole" data-ph-id="ph-widget-element-361829476618434-23"> <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="SQ8idZ-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-widget-element-361829476618434-24"> <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-widget-element-361829476618434-25"> <div class="icon-block" data-ph-id="ph-widget-element-361829476618434-26"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-361829476618434-27"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-widget-element-361829476618434-28"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-361829129399846-upload-resume" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-361829129399846-2"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="icrEHp-KPU7Re-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-widget-element-361829129399846-3"> <div class="dropzone-content" data-ph-id="ph-widget-element-361829129399846-4"> <div class="content-holder" data-ph-id="ph-widget-element-361829129399846-5"> <span data-ph-id="ph-widget-element-361829129399846-6"> <ppc-content key="bVzuim-KPU7Re-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-widget-element-361829129399846-7">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-361829173985748-view4" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-361829173985748-2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-widget-element-361829173985748-3"> <!-- 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-widget-element-361829173985748-4"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-widget-element-361829173985748-5"> <div class="content-block" data-ph-id="ph-widget-element-361829173985748-6"> <ul class="login-link-list" role="list" key-role="DwaZhm-ph-social-connect-v1-view4-listRole" data-ph-id="ph-widget-element-361829173985748-7"> <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="DwaZhm-ph-social-connect-v1-view4-listItemRole" data-ph-id="ph-widget-element-361829173985748-8"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-361829173985748-9"> <div class="icon-block" data-ph-id="ph-widget-element-361829173985748-10"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-361829173985748-11"></i> </div> <div class="text-block" data-ph-id="ph-widget-element-361829173985748-12"> ${widgetBundle[eachSocial.name] | pht} </div> </a> </li> </ul> </div> </div> </div> <!-- Social Connet Area Ends --> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-361829283014953-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-361829283014953-2"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-361829283014953-3"> <div class="widget-container" data-ph-id="ph-widget-element-361829283014953-4"> <div class="content-block" data-ph-id="ph-widget-element-361829283014953-5"> <ul class="login-link-list" role="list" key-role="Xgzu8Q-ph-social-connect-v1-view5-new-listRole" data-ph-id="ph-widget-element-361829283014953-6"> <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="Xgzu8Q-ph-social-connect-v1-view5-new-listItemRole" data-ph-id="ph-widget-element-361829283014953-7"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-361829283014953-8"> <div class="icon-block" data-ph-id="ph-widget-element-361829283014953-9"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-361829283014953-10"></i> </div> <div class="text-block" data-ph-id="ph-widget-element-361829283014953-11"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-361829203951142-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-361829203951142-2"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-361829203951142-3"> <div class="widget-container" data-ph-id="ph-widget-element-361829203951142-4"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-widget-element-361829203951142-5"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-widget-element-361829203951142-6"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-361829203951142-7"> <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="z5wYRv-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-361829203951142-8"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829203951142-9"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-361829203951142-10"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-361829203951142-11"> <ppc-content key="mBMrE9-z5wYRv-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-361829203951142-12"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-361829203951142-13"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829203951142-14"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-361829203951142-15"> <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-361829203951142-16"> <ppc-content key="664bge-z5wYRv-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-361829203951142-17"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-361829203951142-18"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829203951142-19"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829203951142-20"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-widget-element-361829203951142-21"> <span class="social-alert-msg" data-ph-id="ph-widget-element-361829203951142-22"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="z5wYRv-ph-social-connect-v1-view5-listRole" data-ph-id="ph-widget-element-361829203951142-23"> <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="z5wYRv-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-widget-element-361829203951142-24"> <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-widget-element-361829203951142-25"> <div class="icon-block" data-ph-id="ph-widget-element-361829203951142-26"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-361829203951142-27"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-widget-element-361829203951142-28"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-361829255603648-view1" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-widget-element-361829255603648-2"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-361829255603648-3"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-widget-element-361829255603648-4"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-widget-element-361829255603648-5"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-361829255603648-6"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829255603648-7"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-widget-element-361829255603648-8"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-9"></i> <span class="alert-msg" data-ph-id="ph-widget-element-361829255603648-10"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-361829255603648-11"> <h2 id="ph-ally-candidate-signin-popup-heading" tabindex="-1" class="heading ph-a11y-focus" data-ph-id="ph-widget-element-361829255603648-12"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-361829255603648-13"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-361829255603648-14"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-361829255603648-15"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-widget-element-361829255603648-16"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-361829255603648-17"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-361829255603648-18"> ${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-widget-element-361829255603648-19"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-widget-element-361829255603648-20"> <form novalidate="" data-ph-id="ph-widget-element-361829255603648-21"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-361829255603648-22"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-widget-element-361829255603648-23"> <label for="signinEmail" class="form-label" data-ph-id="ph-widget-element-361829255603648-24"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829255603648-25"> <div class="text-box" data-ph-id="ph-widget-element-361829255603648-26"> <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-widget-element-361829255603648-27"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-361829255603648-28"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-widget-element-361829255603648-29"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-widget-element-361829255603648-30"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829255603648-31"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829255603648-32"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829255603648-33"> ${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-widget-element-361829255603648-34"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-widget-element-361829255603648-35"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-widget-element-361829255603648-36"> ${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-widget-element-361829255603648-37"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-361829255603648-38"> ${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-widget-element-361829255603648-39"> <label for="signInPassword" class="form-label" data-ph-id="ph-widget-element-361829255603648-40"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829255603648-41"> <div class="text-box" data-ph-id="ph-widget-element-361829255603648-42"> <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-widget-element-361829255603648-43"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-widget-element-361829255603648-44"></i> <div class="pswrd-visibility" data-ph-id="ph-widget-element-361829255603648-45"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-361829255603648-46"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-47"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-48"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829255603648-49"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829255603648-50"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829255603648-51"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-widget-element-361829255603648-52"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829255603648-53"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-widget-element-361829255603648-54"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-widget-element-361829255603648-55"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-widget-element-361829255603648-56"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-widget-element-361829255603648-57"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-361829255603648-58"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-widget-element-361829255603648-59"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-60"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-361829255603648-61"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-361829255603648-62"> <div class="form-container" data-ph-id="ph-widget-element-361829255603648-63"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-361829255603648-64"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-widget-element-361829255603648-65"> <div class="user-options" data-ph-id="ph-widget-element-361829255603648-66"> <span class="each-option" data-ph-id="ph-widget-element-361829255603648-67"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-widget-element-361829255603648-68"> <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-widget-element-361829255603648-69"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-70"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-71"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-widget-element-361829255603648-72"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-widget-element-361829255603648-73"> <span class="forgot-password-area" data-ph-id="ph-widget-element-361829255603648-74"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-widget-element-361829255603648-75"> ${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-widget-element-361829255603648-76"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-widget-element-361829255603648-77"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-78"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-361829255603648-79"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-361829255603648-80"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-widget-element-361829255603648-81"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-361829255603648-82"> ${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-widget-element-361829255603648-83"> <span id="cd-pf-recieve-email" data-ph-id="ph-widget-element-361829255603648-84"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" aria-drescribedby="cd-pf-recieve-email" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-widget-element-361829255603648-85"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-361829255603648-86"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-widget-element-361829255603648-87"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-widget-element-361829255603648-88"> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829255603648-89"> <div class="sign-in-heading-block" data-ph-id="ph-widget-element-361829255603648-90"> <h2 id="ph-ally-candidate-signup-popup-heading" tabindex="-1" class="heading ph-a11y-focus" data-ph-id="ph-widget-element-361829255603648-91"> ${widgetBundle['createAccountPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-widget-element-361829255603648-92"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-widget-element-361829255603648-93"> <form novalidate="" data-ph-id="ph-widget-element-361829255603648-94"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-361829255603648-95"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-widget-element-361829255603648-96"> <label for="createEmail" class="form-label" data-ph-id="ph-widget-element-361829255603648-97"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829255603648-98"> <div class="text-box" data-ph-id="ph-widget-element-361829255603648-99"> <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-widget-element-361829255603648-100"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-361829255603648-101"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-widget-element-361829255603648-102"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-widget-element-361829255603648-103"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829255603648-104"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829255603648-105"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829255603648-106"> ${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-widget-element-361829255603648-107"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-widget-element-361829255603648-108"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-widget-element-361829255603648-109"> 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-widget-element-361829255603648-110"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-361829255603648-111"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-widget-element-361829255603648-112"> <label for="createPassword" class="form-label" data-ph-id="ph-widget-element-361829255603648-113"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829255603648-114"> <div class="text-box" data-ph-id="ph-widget-element-361829255603648-115"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-widget-element-361829255603648-116"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-widget-element-361829255603648-117"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-widget-element-361829255603648-118"></i> <div class="pswrd-visibility" data-ph-id="ph-widget-element-361829255603648-119"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-361829255603648-120"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-121"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-122"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829255603648-123"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829255603648-124"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829255603648-125"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829255603648-126"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-widget-element-361829255603648-127"> <span class="sr-only" data-ph-id="ph-widget-element-361829255603648-128"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-widget-element-361829255603648-129"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-widget-element-361829255603648-130"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-widget-element-361829255603648-131"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-widget-element-361829255603648-132"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-widget-element-361829255603648-133"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-widget-element-361829255603648-134"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829255603648-135">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829255603648-136">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829255603648-137">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829255603648-138">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829255603648-139"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-widget-element-361829255603648-140"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-141"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-361829255603648-142"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-widget-element-361829255603648-143"> <div class="form-container" data-ph-id="ph-widget-element-361829255603648-144"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-361829255603648-145"> ${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-widget-element-361829255603648-146"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-widget-element-361829255603648-147"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-widget-element-361829255603648-148"> <section class="ph-widget" instanceid="1qw3b7" instance-id="hp4IMs" original-view="view5" view="361829232192326-view5" data-ph-id="ph-widget-element-361829255603648-149"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" view="361829232192326-view5" original-view="view5" instance-id="hp4IMs" data-ph-id="ph-widget-element-361829255603648-150"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-widget-element-361829255603648-151"> <span data-ph-id="ph-widget-element-361829255603648-152"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-361829255603648-153"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-widget-element-361829255603648-154"> <span data-ph-id="ph-widget-element-361829255603648-155"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-361829255603648-156"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" data-ph-id="ph-widget-element-361829255603648-157"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829255603648-158">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-widget-element-361829255603648-159">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-widget-element-361829255603648-160"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-361829255603648-161"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-widget-element-361829255603648-162"> <h2 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-361829255603648-163"> ${widgetBundle['createNewPwdText'] | pht} </h2> </div> </div> <div class="login-form" data-ph-id="ph-widget-element-361829255603648-164"> <form novalidate="" data-ph-id="ph-widget-element-361829255603648-165"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-361829255603648-166"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-widget-element-361829255603648-167"> <label for="createNewPassword" class="form-label" data-ph-id="ph-widget-element-361829255603648-168"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829255603648-169"> <div class="text-box" data-ph-id="ph-widget-element-361829255603648-170"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-widget-element-361829255603648-171"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-widget-element-361829255603648-172"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-widget-element-361829255603648-173"></i> <div class="pswrd-visibility" data-ph-id="ph-widget-element-361829255603648-174"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-361829255603648-175"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-176"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-177"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829255603648-178"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829255603648-179"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829255603648-180"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-widget-element-361829255603648-181"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-widget-element-361829255603648-182"> <span class="sr-only" data-ph-id="ph-widget-element-361829255603648-183"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-widget-element-361829255603648-184"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-widget-element-361829255603648-185"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-widget-element-361829255603648-186"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-widget-element-361829255603648-187"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-widget-element-361829255603648-188"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-widget-element-361829255603648-189"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829255603648-190">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829255603648-191">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829255603648-192">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829255603648-193">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-widget-element-361829255603648-194"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-widget-element-361829255603648-195"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-361829255603648-196"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-361829255603648-197"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-widget-element-361829255603648-198"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-widget-element-361829255603648-199"> <div class="form-container" data-ph-id="ph-widget-element-361829255603648-200"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-361829255603648-201"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-361829403175359-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-361829403175359-2"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-361829403175359-3"> <div class="widget-container" data-ph-id="ph-widget-element-361829403175359-4"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-widget-element-361829403175359-5"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-widget-element-361829403175359-6"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-361829403175359-7"> <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="yCC1r6-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-361829403175359-8"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829403175359-9"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-361829403175359-10"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-361829403175359-11"> <ppc-content key="70H7Pu-yCC1r6-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-361829403175359-12"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-361829403175359-13"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829403175359-14"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-361829403175359-15"> <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-361829403175359-16"> <ppc-content key="jBxos7-yCC1r6-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-361829403175359-17"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-361829403175359-18"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829403175359-19"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829403175359-20"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-widget-element-361829403175359-21"> <span class="social-alert-msg" data-ph-id="ph-widget-element-361829403175359-22"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="yCC1r6-ph-social-connect-v1-view5-listRole" data-ph-id="ph-widget-element-361829403175359-23"> <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="yCC1r6-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-widget-element-361829403175359-24"> <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-widget-element-361829403175359-25"> <div class="icon-block" data-ph-id="ph-widget-element-361829403175359-26"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-361829403175359-27"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-widget-element-361829403175359-28"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-361829105092159-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-361829105092159-2"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" key-aria-label="2Qer5j-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-361829105092159-3"> <span class="action-icon" data-ph-id="ph-widget-element-361829105092159-4"> <i class="icon icon-upload" aria-hidden="true" data-ph-id="ph-widget-element-361829105092159-5"></i> </span> <ppc-content key="2Qer5j-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-widget-element-361829105092159-6">Upload new </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-361829425784846-mobile" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-widget-element-361829425784846-2"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-widget-element-361829425784846-3"> <!-- 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-widget-element-361829425784846-4"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-5"></i> <span data-ph-id="ph-widget-element-361829425784846-6">${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-widget-element-361829425784846-7"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-8"></i> <span data-ph-id="ph-widget-element-361829425784846-9">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-widget-element-361829425784846-10"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-widget-element-361829425784846-11"> <!-- User details --> <div class="user-details" data-ph-id="ph-widget-element-361829425784846-12"> <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-widget-element-361829425784846-13"> <span data-ph-id="ph-widget-element-361829425784846-14">${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-widget-element-361829425784846-15"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-16"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-widget-element-361829425784846-17"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-widget-element-361829425784846-18"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName} </li> <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-widget-element-361829425784846-19"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-widget-element-361829425784846-20"> <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-widget-element-361829425784846-21"> ${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-widget-element-361829425784846-22"> <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-widget-element-361829425784846-23"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-widget-element-361829425784846-24"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-widget-element-361829425784846-25"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-widget-element-361829425784846-26"> <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-widget-element-361829425784846-27"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-28"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-361829425784846-29"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-widget-element-361829425784846-30"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-361829425784846-31"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-361829425784846-32"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-widget-element-361829425784846-33"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-361829425784846-34"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-361829425784846-35"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-361829425784846-36"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-widget-element-361829425784846-37"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-361829425784846-38"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-361829425784846-39"> ${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-widget-element-361829425784846-40"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-widget-element-361829425784846-41"> <form novalidate="" data-ph-id="ph-widget-element-361829425784846-42"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-361829425784846-43"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-widget-element-361829425784846-44"> <label for="signinEmail" class="form-label" data-ph-id="ph-widget-element-361829425784846-45"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829425784846-46"> <div class="text-box" data-ph-id="ph-widget-element-361829425784846-47"> <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-widget-element-361829425784846-48"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-361829425784846-49"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-widget-element-361829425784846-50"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-widget-element-361829425784846-51"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829425784846-52"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829425784846-53"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829425784846-54"> ${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-widget-element-361829425784846-55"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-widget-element-361829425784846-56"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-widget-element-361829425784846-57"> ${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-widget-element-361829425784846-58"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-361829425784846-59"> ${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-widget-element-361829425784846-60"> <label for="signInPassword" class="form-label" data-ph-id="ph-widget-element-361829425784846-61"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829425784846-62"> <div class="text-box" data-ph-id="ph-widget-element-361829425784846-63"> <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-widget-element-361829425784846-64"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-widget-element-361829425784846-65"></i> <div class="pswrd-visibility" data-ph-id="ph-widget-element-361829425784846-66"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-361829425784846-67"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-68"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-69"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829425784846-70"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829425784846-71"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829425784846-72"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-widget-element-361829425784846-73"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829425784846-74"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-widget-element-361829425784846-75"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-widget-element-361829425784846-76"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-widget-element-361829425784846-77"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-widget-element-361829425784846-78"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-361829425784846-79"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-widget-element-361829425784846-80"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-81"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-361829425784846-82"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-361829425784846-83"> <div class="form-container" data-ph-id="ph-widget-element-361829425784846-84"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-361829425784846-85"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-widget-element-361829425784846-86"> <div class="user-options" data-ph-id="ph-widget-element-361829425784846-87"> <span class="each-option" data-ph-id="ph-widget-element-361829425784846-88"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-widget-element-361829425784846-89"> <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-widget-element-361829425784846-90"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-91"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-92"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-widget-element-361829425784846-93"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-widget-element-361829425784846-94"> <span class="forgot-password-area" data-ph-id="ph-widget-element-361829425784846-95"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-widget-element-361829425784846-96"> ${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-widget-element-361829425784846-97"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-widget-element-361829425784846-98"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-99"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-361829425784846-100"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-361829425784846-101"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-widget-element-361829425784846-102"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-361829425784846-103"> ${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-widget-element-361829425784846-104"> <span id="cd-pf-recieve-email" data-ph-id="ph-widget-element-361829425784846-105"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-widget-element-361829425784846-106"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-361829425784846-107"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-widget-element-361829425784846-108"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-widget-element-361829425784846-109"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-widget-element-361829425784846-110"> <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-widget-element-361829425784846-111"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-widget-element-361829425784846-112"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-361829425784846-113"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-widget-element-361829425784846-114"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-361829425784846-115"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-widget-element-361829425784846-116"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-widget-element-361829425784846-117"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-widget-element-361829425784846-118"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-widget-element-361829425784846-119"> <form novalidate="" data-ph-id="ph-widget-element-361829425784846-120"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-361829425784846-121"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-widget-element-361829425784846-122"> <label for="createEmail" class="form-label" data-ph-id="ph-widget-element-361829425784846-123"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829425784846-124"> <div class="text-box" data-ph-id="ph-widget-element-361829425784846-125"> <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-widget-element-361829425784846-126"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-361829425784846-127"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-widget-element-361829425784846-128"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-widget-element-361829425784846-129"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829425784846-130"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829425784846-131"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829425784846-132"> ${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-widget-element-361829425784846-133"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-widget-element-361829425784846-134"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-widget-element-361829425784846-135"> ${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-widget-element-361829425784846-136"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-361829425784846-137"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-widget-element-361829425784846-138"> <label for="createPassword" class="form-label" data-ph-id="ph-widget-element-361829425784846-139"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829425784846-140"> <div class="text-box" data-ph-id="ph-widget-element-361829425784846-141"> <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-widget-element-361829425784846-142"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-widget-element-361829425784846-143"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-widget-element-361829425784846-144"></i> <div class="pswrd-visibility" data-ph-id="ph-widget-element-361829425784846-145"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-361829425784846-146"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-147"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-148"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829425784846-149"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829425784846-150"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829425784846-151"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-widget-element-361829425784846-152"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-widget-element-361829425784846-153"> <span class="sr-only" data-ph-id="ph-widget-element-361829425784846-154"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-widget-element-361829425784846-155"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-widget-element-361829425784846-156"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-widget-element-361829425784846-157"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-widget-element-361829425784846-158"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-widget-element-361829425784846-159"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-widget-element-361829425784846-160"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829425784846-161">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829425784846-162">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829425784846-163">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829425784846-164">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829425784846-165"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-widget-element-361829425784846-166"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-167"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-361829425784846-168"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-widget-element-361829425784846-169"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-widget-element-361829425784846-170"> <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="ClWxGI-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-361829425784846-171"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-172"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-173"></i> </span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829425784846-174"> <ppc-content key="aQnele-ClWxGI-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-widget-element-361829425784846-175"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-widget-element-361829425784846-176"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829425784846-177"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-widget-element-361829425784846-178"> <span class="checkbox-text" data-ph-id="ph-widget-element-361829425784846-179"> <ppc-content key="1A8AFl-ClWxGI-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-widget-element-361829425784846-180"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-widget-element-361829425784846-181"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829425784846-182"> ${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-widget-element-361829425784846-183"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-361829425784846-184"> <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-widget-element-361829425784846-185"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-186"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-187"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829425784846-188"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-361829425784846-189"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-361829425784846-190">*</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-widget-element-361829425784846-191"> <span class="sr-only required-text" data-ph-id="ph-widget-element-361829425784846-192"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829425784846-193"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-widget-element-361829425784846-194"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-widget-element-361829425784846-195"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-widget-element-361829425784846-196"> <span class="alert-msg" data-ph-id="ph-widget-element-361829425784846-197"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-widget-element-361829425784846-198"> <div class="form-container" data-ph-id="ph-widget-element-361829425784846-199"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-361829425784846-200"> ${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-widget-element-361829425784846-201"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-widget-element-361829425784846-202"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-widget-element-361829425784846-203"> <section class="ph-widget" instanceid="1qw3b7" instance-id="yCC1r6" original-view="view5" view="361829403175359-view5" data-ph-id="ph-widget-element-361829425784846-204"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="361829403175359-view5" original-view="view5" instance-id="yCC1r6" data-ph-id="ph-widget-element-361829425784846-205"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-widget-element-361829425784846-206"> <span data-ph-id="ph-widget-element-361829425784846-207"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-361829425784846-208"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-widget-element-361829425784846-209"> <span data-ph-id="ph-widget-element-361829425784846-210"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-361829425784846-211"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-widget-element-361829425784846-212"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829425784846-213">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-widget-element-361829425784846-214">${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-widget-element-361829425784846-215"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-widget-element-361829425784846-216"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-217"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-361829425784846-218"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-widget-element-361829425784846-219"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-361829425784846-220"> <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-widget-element-361829425784846-221"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-222"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-223"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829425784846-224"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-361829425784846-225"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-361829425784846-226">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-widget-element-361829425784846-227"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-361829425784846-228"> ${!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-widget-element-361829425784846-229"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-widget-element-361829425784846-230"> <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-widget-element-361829425784846-231"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-232"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-widget-element-361829425784846-233">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-widget-element-361829425784846-234">${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-widget-element-361829425784846-235">${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-widget-element-361829425784846-236">${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-widget-element-361829425784846-237"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-widget-element-361829425784846-238"> <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-widget-element-361829425784846-239"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829425784846-240"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-widget-element-361829425784846-241">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-widget-element-361829425784846-242">${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-widget-element-361829425784846-243"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-361829151128311-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-widget-element-361829151128311-2"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-361829151128311-3"> <ppc-content key="PgsYhn-ph-import-resume-v1-upload-new-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-widget-element-361829151128311-4">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-361829499195544-default" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-widget-element-361829499195544-2"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-widget-element-361829499195544-3"> <!-- 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-widget-element-361829499195544-4"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-5"></i> <span data-ph-id="ph-widget-element-361829499195544-6">${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-widget-element-361829499195544-7"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-8"></i> <span data-ph-id="ph-widget-element-361829499195544-9">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-widget-element-361829499195544-10"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829499195544-11"> <span if.bind="registeredSuccessfully" data-ph-id="ph-widget-element-361829499195544-12"> 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-widget-element-361829499195544-13"> <!-- <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-widget-element-361829499195544-14"> <span data-ph-id="ph-widget-element-361829499195544-15">${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-widget-element-361829499195544-16"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-17"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-widget-element-361829499195544-18"> ${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-widget-element-361829499195544-19"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-widget-element-361829499195544-20"> <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-widget-element-361829499195544-21"> <span data-ph-id="ph-widget-element-361829499195544-22">${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-widget-element-361829499195544-23"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-24"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-widget-element-361829499195544-25"> <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-widget-element-361829499195544-26"> ${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-widget-element-361829499195544-27"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-widget-element-361829499195544-28"> <div class="user-actions-list" data-ph-id="ph-widget-element-361829499195544-29"> <div class="user-actions-listitem" data-ph-id="ph-widget-element-361829499195544-30"> <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-widget-element-361829499195544-31"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-widget-element-361829499195544-32"> <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-widget-element-361829499195544-33"> ${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-widget-element-361829499195544-34"> ${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-widget-element-361829499195544-35"> <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-widget-element-361829499195544-36"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-widget-element-361829499195544-37"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-widget-element-361829499195544-38"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-widget-element-361829499195544-39"> <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-widget-element-361829499195544-40"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-41"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-361829499195544-42"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-widget-element-361829499195544-43"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-361829499195544-44"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-361829499195544-45"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-widget-element-361829499195544-46"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-361829499195544-47"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-361829499195544-48"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-361829499195544-49"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-widget-element-361829499195544-50"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-361829499195544-51"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-361829499195544-52"> ${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-widget-element-361829499195544-53"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-widget-element-361829499195544-54"> <form novalidate="" data-ph-id="ph-widget-element-361829499195544-55"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-361829499195544-56"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-widget-element-361829499195544-57"> <label for="signinEmail" class="form-label" data-ph-id="ph-widget-element-361829499195544-58"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829499195544-59"> <div class="text-box" data-ph-id="ph-widget-element-361829499195544-60"> <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-widget-element-361829499195544-61"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-361829499195544-62"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-widget-element-361829499195544-63"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-widget-element-361829499195544-64"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829499195544-65"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829499195544-66"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829499195544-67"> ${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-widget-element-361829499195544-68"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-widget-element-361829499195544-69"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-widget-element-361829499195544-70"> ${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-widget-element-361829499195544-71"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-361829499195544-72"> ${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-widget-element-361829499195544-73"> <label for="signInPassword" class="form-label" data-ph-id="ph-widget-element-361829499195544-74"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829499195544-75"> <div class="text-box" data-ph-id="ph-widget-element-361829499195544-76"> <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-widget-element-361829499195544-77"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-widget-element-361829499195544-78"></i> <div class="pswrd-visibility" data-ph-id="ph-widget-element-361829499195544-79"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-361829499195544-80"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-81"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-82"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829499195544-83"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829499195544-84"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829499195544-85"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-widget-element-361829499195544-86"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829499195544-87"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-widget-element-361829499195544-88"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-widget-element-361829499195544-89"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-widget-element-361829499195544-90"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-widget-element-361829499195544-91"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-361829499195544-92"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-widget-element-361829499195544-93"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-94"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-361829499195544-95"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-361829499195544-96"> <div class="form-container" data-ph-id="ph-widget-element-361829499195544-97"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-361829499195544-98"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-widget-element-361829499195544-99"> <div class="user-options" data-ph-id="ph-widget-element-361829499195544-100"> <span class="each-option" data-ph-id="ph-widget-element-361829499195544-101"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-widget-element-361829499195544-102"> <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-widget-element-361829499195544-103"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-104"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-105"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-widget-element-361829499195544-106"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-widget-element-361829499195544-107"> <span class="forgot-password-area" data-ph-id="ph-widget-element-361829499195544-108"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-widget-element-361829499195544-109"> ${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-widget-element-361829499195544-110"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-widget-element-361829499195544-111"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-112"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-361829499195544-113"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-361829499195544-114"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-widget-element-361829499195544-115"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-361829499195544-116"> ${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-widget-element-361829499195544-117"> <span id="cd-pf-recieve-email" data-ph-id="ph-widget-element-361829499195544-118"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-widget-element-361829499195544-119"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-361829499195544-120"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-widget-element-361829499195544-121"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-widget-element-361829499195544-122"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-widget-element-361829499195544-123"> <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-widget-element-361829499195544-124"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-widget-element-361829499195544-125"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-361829499195544-126"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-widget-element-361829499195544-127"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-361829499195544-128"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-widget-element-361829499195544-129"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-widget-element-361829499195544-130"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-widget-element-361829499195544-131"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-widget-element-361829499195544-132"> <form novalidate="" data-ph-id="ph-widget-element-361829499195544-133"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-361829499195544-134"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-widget-element-361829499195544-135"> <label for="createEmail" class="form-label" data-ph-id="ph-widget-element-361829499195544-136"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829499195544-137"> <div class="text-box" data-ph-id="ph-widget-element-361829499195544-138"> <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-widget-element-361829499195544-139"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-361829499195544-140"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-widget-element-361829499195544-141"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-widget-element-361829499195544-142"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829499195544-143"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829499195544-144"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-widget-element-361829499195544-145"> ${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-widget-element-361829499195544-146"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-widget-element-361829499195544-147"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-widget-element-361829499195544-148"> ${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-widget-element-361829499195544-149"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-361829499195544-150"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-widget-element-361829499195544-151"> <label for="createPassword" class="form-label" data-ph-id="ph-widget-element-361829499195544-152"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-widget-element-361829499195544-153"> <div class="text-box" data-ph-id="ph-widget-element-361829499195544-154"> <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-widget-element-361829499195544-155"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-widget-element-361829499195544-156"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-widget-element-361829499195544-157"></i> <div class="pswrd-visibility" data-ph-id="ph-widget-element-361829499195544-158"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-361829499195544-159"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-160"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-161"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829499195544-162"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829499195544-163"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-widget-element-361829499195544-164"> ${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-widget-element-361829499195544-165"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-widget-element-361829499195544-166"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-widget-element-361829499195544-167"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-widget-element-361829499195544-168"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-widget-element-361829499195544-169"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-widget-element-361829499195544-170"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-widget-element-361829499195544-171"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-widget-element-361829499195544-172"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829499195544-173">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829499195544-174">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829499195544-175">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-361829499195544-176">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829499195544-177"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-widget-element-361829499195544-178"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-179"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-361829499195544-180"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-widget-element-361829499195544-181"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-widget-element-361829499195544-182"> <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="8A6SB4-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-361829499195544-183"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-184"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-185"></i> </span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829499195544-186"> <ppc-content key="tyn7OT-8A6SB4-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-widget-element-361829499195544-187">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-widget-element-361829499195544-188"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829499195544-189"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-widget-element-361829499195544-190"> <span class="checkbox-text" data-ph-id="ph-widget-element-361829499195544-191"> <ppc-content key="KVIEd7-8A6SB4-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-widget-element-361829499195544-192"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-widget-element-361829499195544-193"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829499195544-194"> ${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-widget-element-361829499195544-195"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-361829499195544-196"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-361829499195544-197"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-198"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-199"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829499195544-200"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-361829499195544-201"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-361829499195544-202">*</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-widget-element-361829499195544-203"> <span class="sr-only required-text" data-ph-id="ph-widget-element-361829499195544-204"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829499195544-205"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-widget-element-361829499195544-206"> <span class="alert-msg" data-ph-id="ph-widget-element-361829499195544-207"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-widget-element-361829499195544-208"> <span class="alert-msg" data-ph-id="ph-widget-element-361829499195544-209"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-widget-element-361829499195544-210"> <div class="form-container" data-ph-id="ph-widget-element-361829499195544-211"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-361829499195544-212"> ${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-widget-element-361829499195544-213"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-widget-element-361829499195544-214"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-widget-element-361829499195544-215"> <section class="ph-widget" instanceid="1qw3b7" instance-id="SQ8idZ" original-view="view5" view="361829476618434-view5" data-ph-id="ph-widget-element-361829499195544-216"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="361829476618434-view5" original-view="view5" instance-id="SQ8idZ" data-ph-id="ph-widget-element-361829499195544-217"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-widget-element-361829499195544-218"> <span data-ph-id="ph-widget-element-361829499195544-219"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-361829499195544-220"> ${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-widget-element-361829499195544-221"> <span data-ph-id="ph-widget-element-361829499195544-222"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-361829499195544-223"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-widget-element-361829499195544-224"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829499195544-225">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-widget-element-361829499195544-226">${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-widget-element-361829499195544-227"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-widget-element-361829499195544-228"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-229"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-361829499195544-230"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-widget-element-361829499195544-231"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-361829499195544-232"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-widget-element-361829499195544-233"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-234"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-235"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829499195544-236"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-361829499195544-237"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-361829499195544-238">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-widget-element-361829499195544-239"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-361829499195544-240"> ${!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-widget-element-361829499195544-241"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-widget-element-361829499195544-242"> <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-widget-element-361829499195544-243"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-244"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-widget-element-361829499195544-245">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-widget-element-361829499195544-246">${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-widget-element-361829499195544-247">${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-widget-element-361829499195544-248">${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-widget-element-361829499195544-249"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-widget-element-361829499195544-250"> <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-widget-element-361829499195544-251"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829499195544-252"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-widget-element-361829499195544-253">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-widget-element-361829499195544-254">${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-widget-element-361829499195544-255"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-361829232192326-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-361829232192326-2"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-361829232192326-3"> <div class="widget-container" data-ph-id="ph-widget-element-361829232192326-4"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-widget-element-361829232192326-5"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-widget-element-361829232192326-6"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-361829232192326-7"> <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="hp4IMs-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-361829232192326-8"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829232192326-9"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-361829232192326-10"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-361829232192326-11"> <ppc-content key="kR377u-hp4IMs-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-361829232192326-12"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-361829232192326-13"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829232192326-14"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-361829232192326-15"> <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-361829232192326-16"> <ppc-content key="hbGLIj-hp4IMs-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-361829232192326-17"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-361829232192326-18"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-361829232192326-19"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829232192326-20"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-widget-element-361829232192326-21"> <span class="social-alert-msg" data-ph-id="ph-widget-element-361829232192326-22"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="hp4IMs-ph-social-connect-v1-view5-listRole" data-ph-id="ph-widget-element-361829232192326-23"> <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="hp4IMs-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-widget-element-361829232192326-24"> <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-widget-element-361829232192326-25"> <div class="icon-block" data-ph-id="ph-widget-element-361829232192326-26"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-361829232192326-27"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-widget-element-361829232192326-28"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-361829306410250-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-361829306410250-2"> <div class="widget-container" data-ph-id="ph-widget-element-361829306410250-3"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-361829306410250-4"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-widget-element-361829306410250-5"> <div class="fyf-step-block" data-ph-id="ph-widget-element-361829306410250-6"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829306410250-7"> </div> <!--Start FYF Start Area --> <!-- Authorise Step --> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-361829306410250-8"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-widget-element-361829306410250-9"> <div class="heading-block" data-ph-id="ph-widget-element-361829306410250-10"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-361829306410250-11"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-widgetMainHeading2" data-ph-id="ph-widget-element-361829306410250-12"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-widget-element-361829306410250-13"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-14"></i> <span data-ph-id="ph-widget-element-361829306410250-15"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-widgetsubHeading" data-ph-id="ph-widget-element-361829306410250-16"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </span> </div> </div> <section class="ph-widget" instance-id="z5wYRv" original-view="view5" view="361829203951142-view5" data-ph-id="ph-widget-element-361829306410250-17"> <div class="ph-social-connect-v1-view5-default ph-widget-target" instance-id="z5wYRv" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="361829203951142-view5" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-widget-element-361829306410250-18"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-361829306410250-19"> <div class="prev" data-ph-id="ph-widget-element-361829306410250-20"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="4STqd1-HyOQB2-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-361829306410250-21"> <span data-ph-id="ph-widget-element-361829306410250-22"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-23"></i> </span> </a> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' && !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-widget-element-361829306410250-24"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-361829306410250-25"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-361829306410250-26"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-361829306410250-27"> <ppc-content key="RiVNZg-HyOQB2-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-361829306410250-28">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfCategories" tabindex="-1" data-ph-id="ph-widget-element-361829306410250-29"> <ppc-content key="SFhf7c-HyOQB2-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829306410250-30">What are you interested in?</ppc-content> </h2> </div> <fieldset class="categories-block" tabindex="-1" data-ph-at-id="categories-block" data-ph-at-data-count="stepData.categories.length" data-ph-id="ph-widget-element-361829306410250-31"> <legend class="sr-only" data-ph-id="ph-widget-element-361829306410250-32"> <ppc-content key="NQc4F2-HyOQB2-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829306410250-33"> What are you interested in? </ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-widget-element-361829306410250-34"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepNoCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-361829306410250-35">No Categories. </ppc-content> </div> <label if.bind="!noCategories" repeat.for="eachCategory of stepData.categories" class="cat-label" title="${eachCategory.category}" data-ph-id="ph-widget-element-361829306410250-36"> <input model.bind="eachCategory.category" checked.bind="fyfStepConfig.categories.selectedCategories" type="checkbox" change.delegate="eachCategory.isChecked = !eachCategory.isChecked" aria-label="${eachCategory.category}" aria-checked="${eachCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="categories-link" data-ph-at-category-text="${eachCategory.category}" data-ph-id="ph-widget-element-361829306410250-37" /> <span class="cat-text" data-ph-id="ph-widget-element-361829306410250-38">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-widget-element-361829306410250-39"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-40"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-361829306410250-41"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-361829306410250-42"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-361829306410250-43"> <ppc-content key="5P5Tq4-HyOQB2-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-widget-element-361829306410250-44">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="gYJzzw-HyOQB2-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-361829306410250-45">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-361829306410250-46"> <ppc-content key="fjDZ2u-HyOQB2-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-361829306410250-47">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-361829306410250-48"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="puYEIW-HyOQB2-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-361829306410250-49"> <span data-ph-id="ph-widget-element-361829306410250-50"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-51"></i> </span> </a> </div> </div> </div> <!-- End Categories Step --> <!-- Sub Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'subCategories' && !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-widget-element-361829306410250-52"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-361829306410250-53"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-361829306410250-54"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-361829306410250-55"> <ppc-content key="Av38PT-HyOQB2-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-361829306410250-56">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-sub-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfSubCategories" tabindex="-1" data-ph-id="ph-widget-element-361829306410250-57"> <ppc-content key="lc5c70-HyOQB2-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829306410250-58">What are you interested in?</ppc-content> </h2> </div> <div class="sub-categories-block" data-ph-at-id="sub-categories-block" data-ph-at-data-count="stepData.subCategories.length" role="group" key-role="HyOQB2-ph-find-your-fit-v1-default-subCategoriesBlockRoleText" aria-labelledby="phFyfSubCategories" data-ph-id="ph-widget-element-361829306410250-59"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-widget-element-361829306410250-60"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepNoSubCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-361829306410250-61">No Sub Categories. </ppc-content> </div> <label if.bind="!nosubCategories" repeat.for="eachSubCategory of stepData.subCategories" class="cat-label" title="${eachSubCategory.subCategory}" data-ph-id="ph-widget-element-361829306410250-62"> <input model.bind="eachSubCategory.subCategory" checked.bind="fyfStepConfig.subCategories.selectedSubCategories" type="checkbox" change.delegate="eachSubCategory.isChecked = !eachSubCategory.isChecked" aria-label="${eachSubCategory.subCategory}" aria-checked="${eachSubCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="subCategories-link" data-ph-at-subcategory-text="${eachSubCategory.subCategory}" data-ph-id="ph-widget-element-361829306410250-63" /> <span class="cat-text" data-ph-id="ph-widget-element-361829306410250-64">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-widget-element-361829306410250-65"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-66"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-361829306410250-67"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-361829306410250-68"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-361829306410250-69"> <ppc-content key="ItAlza-HyOQB2-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-widget-element-361829306410250-70">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="3W0Srz-HyOQB2-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-361829306410250-71">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-361829306410250-72"> <ppc-content key="bY8Vhi-HyOQB2-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-361829306410250-73">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-361829306410250-74"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="mMfWas-HyOQB2-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-361829306410250-75"> <span data-ph-id="ph-widget-element-361829306410250-76"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-77"></i> </span> </a> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-widget-element-361829306410250-78"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-361829306410250-79"> <!-- <div class="ph-a11y-fyf-step-block" tabindex="-1"> <span class="sr-only" aria-hidden="true">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-361829306410250-80"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-361829306410250-81"> <ppc-content key="U4mXjc-HyOQB2-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-361829306410250-82">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-jobTitle" class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-361829306410250-83"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepRecentTitleHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829306410250-84">What is your most recent job title?</ppc-content> </h2> </div> <div class="recent-title-block" data-ph-at-id="recenttitle-block" data-ph-id="ph-widget-element-361829306410250-85"> <label for="recentTitles" data-ph-id="ph-widget-element-361829306410250-86"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-widget-element-361829306410250-87"> <div aria-expanded="false" aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-stepTwoLabel" data-ph-id="ph-widget-element-361829306410250-88"> <input type="text" class="search-box ${fyfStepConfig.recentTitle.flag ? 'disabled':''}" id="recentTitles" name="recentTitles" showresultsonfocus="false" ph-a11y-autocomplete="" aria-label="Search for Job title" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-fyfStepRecentTitleSearchBoxAriaLabel" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" aria-labelledby="ph-fyf-jobTitle" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-widget-element-361829306410250-89"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.recentTitle.value.length" focus.trigger="setFocusField('recentTitles')" blur.trigger="setFocusField('recentTitles',true)" aria-label=" clear the search" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-fyfStepRecentTitleClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-361829306410250-90"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-361829306410250-91"></i> </button> <ul role="listbox" aria-labelledby="recenttitle-list" id="recenttitle-list" class="search-dropdown-list" aria-label="recent titles" show.bind="stepData.showRecentTitleDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.recentTitles.length}" data-ph-id="ph-widget-element-361829306410250-92"> <li role="option" repeat.for="eachTitle of stepData.recentTitles" class="ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${fyfStepConfig.recentTitle.selectedTitle == eachTitle.title ?'selected':''}" id="result-item-${$index}" aria-selected="${eachTitle.aria.selected}" click.delegate="populateSelectedData(eachTitle, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" aria-label="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-widget-element-361829306410250-93"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="HyOQB2-ph-find-your-fit-v1-default-fyfStepRecentTitleNoResultsText" data-ph-id="ph-widget-element-361829306410250-94">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829306410250-95"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-widget-element-361829306410250-96"> ${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="HyOQB2-ph-find-your-fit-v1-default-recentTitlesAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-361829306410250-97"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-widget-element-361829306410250-98"> <label class="input-radio-group" data-ph-id="ph-widget-element-361829306410250-99"> <input type="checkbox" model.bind="fyfStepConfig.recentTitle.flag" checked.bind="fyfStepConfig.recentTitle.flag" aria-checked="${fyfStepConfig.recentTitle.flag?'true':'false'}" change.delegate="disableJobTitle()" data-ph-at-id="radio-button" aria-label="Just starting my career" key-aria-label="p6zAJU-HyOQB2-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-id="ph-widget-element-361829306410250-100"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-101"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-102"></span> <span class="radio-text" data-ph-id="ph-widget-element-361829306410250-103"> <ppc-content key="AwMNFm-HyOQB2-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-at-id="radio-button-text" data-ph-id="ph-widget-element-361829306410250-104">Just starting my career</ppc-content> </span> </input></label> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-361829306410250-105"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-361829306410250-106"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-361829306410250-107"> <ppc-content key="6JsyiF-HyOQB2-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-widget-element-361829306410250-108">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="koKc3l-HyOQB2-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-361829306410250-109">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-361829306410250-110"> <ppc-content key="bHyCWm-HyOQB2-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-361829306410250-111">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-361829306410250-112"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="jRDrt3-HyOQB2-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-361829306410250-113"> <span data-ph-id="ph-widget-element-361829306410250-114"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-115"></i> </span> </a> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-widget-element-361829306410250-116"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-361829306410250-117"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-361829306410250-118"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-361829306410250-119"> <ppc-content key="4JyYYC-HyOQB2-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-361829306410250-120">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfSkills" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-361829306410250-121"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepSkillsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829306410250-122">Tell us what you’re really good at.</ppc-content> </h2> </div> <div class="skills-block" data-ph-at-id="skills-block" data-ph-id="ph-widget-element-361829306410250-123"> <label for="skills" data-ph-id="ph-widget-element-361829306410250-124"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-widget-element-361829306410250-125">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-widget-element-361829306410250-126"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-widget-element-361829306410250-127"> ${fyfStepConfig.skills.selectedSkill.length == 1 ? 'Selected skill:':'Selected skills:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="selectedskills-block" data-ph-id="ph-widget-element-361829306410250-128"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-1" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.skills.selectedSkill.length}" role="presentation" data-ph-id="ph-widget-element-361829306410250-129"> <div role="list" data-ph-id="ph-widget-element-361829306410250-130"> <li class="selected-data" show.bind="fyfStepConfig.skills.selectedSkill.length" repeat.for="suggestedSkill of fyfStepConfig.skills.selectedSkill" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-361829306410250-131"> <span data-ph-id="ph-widget-element-361829306410250-132">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove the ${suggestedSkill} skill" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-fyfStepSkillsDeleteSelectedText1" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-widget-element-361829306410250-133"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-134"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-widget-element-361829306410250-135"> <div data-ph-id="ph-widget-element-361829306410250-136"> <div class="search-box-inline" aria-expanded="false" aria-owns="skill-list" aria-haspopup="listbox" aria-label="Tell us what you’re really good at" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-stepThreeLabel" data-ph-id="ph-widget-element-361829306410250-137"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfSkillsPlaceHolderText']" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-label="Search for skills" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-fyfStepSkillsSearchBoxAriaLabel" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-widget-element-361829306410250-138"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.skills.value.length" focus.trigger="setFocusField('skills')" blur.trigger="setFocusField('skills',true)" aria-label="clear the search" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-fyfStepSkillsClearSearchAriaLabel" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-361829306410250-139"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-140"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showSkillsDropdown" data-ph-at-id="suggested-data-list" aria-label="skills" id="skill-list" aria-labelledby="skill-list" data-ph-at-data-count="${stepData.skills.length}" data-ph-id="ph-widget-element-361829306410250-141"> <li role="option" repeat.for="eachSkill of stepData.skills" class="ph-autocomplete-input-listbox-item search-list-item ${eachSkill.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.skills.selectedSkill.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="result-item-${$index}" aria-selected="${eachSkill.aria.selected}" click.delegate="populateSelectedData(eachSkill, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-widget-element-361829306410250-142"></li> <li class="search-noresults" if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="HyOQB2-ph-find-your-fit-v1-default-fyfStepSkillsNoResultsText" data-ph-id="ph-widget-element-361829306410250-143">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829306410250-144"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-widget-element-361829306410250-145"> ${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="HyOQB2-ph-find-your-fit-v1-default-skillsAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-361829306410250-146"> No results are available </span> </div> <div class="suggestions" if.bind="stepData.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${stepData.suggestedSkills.length}" data-ph-id="ph-widget-element-361829306410250-147"> <div data-ph-id="ph-widget-element-361829306410250-148"> <h3 class="suggested-heading" data-ph-id="ph-widget-element-361829306410250-149"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepSkillsSuggestionsText" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-widget-element-361829306410250-150">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-widget-element-361829306410250-151"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-widget-element-361829306410250-152"> <button class="suggestions-btn" click.delegate="selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['addSkillButtinAriaLabel'] | pht: {'skillName': eachSkill.skill}}" data-ph-id="ph-widget-element-361829306410250-153"> <span data-ph-id="ph-widget-element-361829306410250-154">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-155"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-361829306410250-156"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-361829306410250-157"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-361829306410250-158"> <ppc-content key="7QFkAw-HyOQB2-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-widget-element-361829306410250-159">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="431JFl-HyOQB2-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-361829306410250-160">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-361829306410250-161"> <ppc-content key="rZjQ74-HyOQB2-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-361829306410250-162">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-361829306410250-163"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="PNPoRI-HyOQB2-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-361829306410250-164"> <span data-ph-id="ph-widget-element-361829306410250-165"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-166"></i> </span> </a> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-widget-element-361829306410250-167"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-361829306410250-168"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-361829306410250-169"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-361829306410250-170"> <ppc-content key="BTqwIq-HyOQB2-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-361829306410250-171">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-1" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-361829306410250-172"> <ppc-content key="PYyVRN-HyOQB2-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829306410250-173">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" data-ph-id="ph-widget-element-361829306410250-174"> <legend class="sr-only" data-ph-id="ph-widget-element-361829306410250-175"> <ppc-content key="HPPkpd-HyOQB2-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829306410250-176">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-widget-element-361829306410250-177"> <input model.bind="exp" checked.bind="fyfStepConfig.workExperience.selectedExp" type="radio" aria-checked="${fyfStepConfig.workExperience.selectedExp?'true ':'false'}" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-widget-element-361829306410250-178"> <span class="radio-text" data-ph-id="ph-widget-element-361829306410250-179"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-widget-element-361829306410250-180">${exp.displayName} <span if.bind="exp.min == 0" key="wNzMNh-HyOQB2-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-361829306410250-181"> Year </span> <span if.bind="exp.min != 0" key="Yjb5jt-HyOQB2-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-361829306410250-182"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-361829306410250-183"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-361829306410250-184"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-361829306410250-185"> <ppc-content key="KguEN7-HyOQB2-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-widget-element-361829306410250-186">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="BCbzPZ-HyOQB2-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-361829306410250-187">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-361829306410250-188"> <ppc-content key="acbEF4-HyOQB2-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-361829306410250-189">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-361829306410250-190"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ECsmEj-HyOQB2-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-361829306410250-191"> <span data-ph-id="ph-widget-element-361829306410250-192"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-193"></i> </span> </a> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-widget-element-361829306410250-194"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-361829306410250-195"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-widget-element-361829306410250-196"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-361829306410250-197"> <ppc-content key="VY39DP-HyOQB2-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-361829306410250-198">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-2" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-361829306410250-199"> <ppc-content key="rcYuPp-HyOQB2-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829306410250-200">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="HyOQB2-ph-find-your-fit-v1-default-experienceBlockRole" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-widget-element-361829306410250-201"> <legend class="sr-only" data-ph-id="ph-widget-element-361829306410250-202"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepWorkExpHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829306410250-203">How experienced are you?</ppc-content> </legend> <span repeat.for="exp of stepData.workExperience" class="exp-label" role="radio" aria-checked="false" data-ph-id="ph-widget-element-361829306410250-204"> <span class="check-mark" data-ph-id="ph-widget-element-361829306410250-205"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-206"></i> </span> <span class="radio-text" data-ph-id="ph-widget-element-361829306410250-207"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-widget-element-361829306410250-208">${exp.displayName} <span if.bind="exp.min == 0" key="T89H1v-HyOQB2-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-361829306410250-209"> Year </span> <span if.bind="exp.min != 0" key="d7Mzn0-HyOQB2-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-361829306410250-210"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-361829306410250-211"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-361829306410250-212"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-361829306410250-213"> <ppc-content key="sig2TV-HyOQB2-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-widget-element-361829306410250-214">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1)) " key="xHp7SL-HyOQB2-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-361829306410250-215">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-361829306410250-216"> <ppc-content key="A3MkJV-HyOQB2-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-361829306410250-217">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-361829306410250-218"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="wHsdGA-HyOQB2-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-361829306410250-219"> <span data-ph-id="ph-widget-element-361829306410250-220"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-221"></i> </span> </a> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-widget-element-361829306410250-222"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-361829306410250-223"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-widget-element-361829306410250-224"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-361829306410250-225"> <ppc-content key="3B4aiZ-HyOQB2-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-361829306410250-226">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-361829306410250-227"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829306410250-228">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-widget-element-361829306410250-229"> <label for="locations" data-ph-id="ph-widget-element-361829306410250-230"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-widget-element-361829306410250-231">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-widget-element-361829306410250-232"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-widget-element-361829306410250-233"> ${fyfStepConfig.preferredLocation.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-widget-element-361829306410250-234"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocation.length}" role="presentation" data-ph-id="ph-widget-element-361829306410250-235"> <div role="list" data-ph-id="ph-widget-element-361829306410250-236"> <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-widget-element-361829306410250-237"> <span data-ph-id="ph-widget-element-361829306410250-238">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove selected ${selectedLoc.location_display} location" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-widget-element-361829306410250-239"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-240"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-widget-element-361829306410250-241"> <div data-ph-id="ph-widget-element-361829306410250-242"> <div class="search-box-inline" aria-expanded="false" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-widget-element-361829306410250-243"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-fyfStepPreferredLocationInputAriaLabel" aria-autocomplete="off" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-widget-element-361829306410250-244"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-361829306410250-245"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-246"></i> </button> </div> </li> </ul> </div> <ul role="list" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" data-ph-id="ph-widget-element-361829306410250-247"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-widget-element-361829306410250-248"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="HyOQB2-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-widget-element-361829306410250-249">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361829306410250-250"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-widget-element-361829306410250-251"> ${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="HyOQB2-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-361829306410250-252"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-361829306410250-253"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-361829306410250-254"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-361829306410250-255"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="zt4eFB-HyOQB2-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-361829306410250-256">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="bMBO5m-HyOQB2-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-361829306410250-257">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-widget-element-361829306410250-258"> <ppc-content key="CGxChD-HyOQB2-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-361829306410250-259">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-361829306410250-260"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="dZaY5d-HyOQB2-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-361829306410250-261"> <span data-ph-id="ph-widget-element-361829306410250-262"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-263"></i> </span> </a> </div> </div> </div> <!-- End prefered Location Step --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-widget-element-361829306410250-264"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-widget-element-361829306410250-265"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-361829306410250-266"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-widget-element-361829306410250-267"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-361829306410250-268"> <ppc-content key="9DQfrz-HyOQB2-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-361829306410250-269">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-widget-element-361829306410250-270"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-widget-element-361829306410250-271">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-widget-element-361829306410250-272">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-361829306410250-273"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361829306410250-274">If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-widget-element-361829306410250-275"> <form role="form" submit.delegate="" data-ph-id="ph-widget-element-361829306410250-276"> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-361829306410250-277"> <div data-ph-id="ph-widget-element-361829306410250-278"> <label for="name" data-ph-id="ph-widget-element-361829306410250-279"> <span key="3QaAts-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-widget-element-361829306410250-280">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-281"> <ppc-content key="xWWEQL-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-widget-element-361829306410250-282"> Full name <span class="required" data-ph-id="ph-widget-element-361829306410250-283">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-361829306410250-284"> <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="NYUT4m-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-widget-element-361829306410250-285"> <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-widget-element-361829306410250-286"> <ppc-content key="6rUjhZ-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-widget-element-361829306410250-287">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-widget-element-361829306410250-288"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-361829306410250-289"> <div data-ph-id="ph-widget-element-361829306410250-290"> <label for="email-1" data-ph-id="ph-widget-element-361829306410250-291"> <span key="IsIBFg-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-widget-element-361829306410250-292">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-293"> <ppc-content key="BDRlO0-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-widget-element-361829306410250-294">Email <span class="required" data-ph-id="ph-widget-element-361829306410250-295"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-361829306410250-296"> <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="064vty-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-widget-element-361829306410250-297"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-widget-element-361829306410250-298"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-361829306410250-299"> <ppc-content key="Z13k0v-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-361829306410250-300">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-widget-element-361829306410250-301"> <ppc-content key="4JyiwA-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-361829306410250-302">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-widget-element-361829306410250-303"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-361829306410250-304"> <div data-ph-id="ph-widget-element-361829306410250-305"> <label for="phone" data-ph-id="ph-widget-element-361829306410250-306"> <span key="o4OzM9-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-widget-element-361829306410250-307">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-308"> <ppc-content key="7xHzYt-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-widget-element-361829306410250-309">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-361829306410250-310"> <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="MlhAc0-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-widget-element-361829306410250-311"> <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-widget-element-361829306410250-312"> <ppc-content key="56PhWP-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-widget-element-361829306410250-313">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-widget-element-361829306410250-314"></i> </input></div> <div class="security-info" data-ph-id="ph-widget-element-361829306410250-315"> <div class="security-info-block" data-ph-id="ph-widget-element-361829306410250-316"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-317"></i> <ppc-content key="WOixad-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-widget-element-361829306410250-318"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent" data-ph-id="ph-widget-element-361829306410250-319"> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-361829306410250-320"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-361829306410250-321"> <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="R3TmsT-HyOQB2-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-361829306410250-322"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-323"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-324"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829306410250-325"> <ppc-content class="cd-terms-policy-block" key="HyOQB2-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-widget-element-361829306410250-326"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-361829306410250-327"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-361829306410250-328">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-361829306410250-329">*</span> </ppc-content> </span> </input></label> </div> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-361829306410250-330"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-widget-element-361829306410250-331"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="disableUploadResumeFlow || gdprConsent" data-ph-id="ph-widget-element-361829306410250-332"> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-361829306410250-333"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-361829306410250-334"> <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="N1teUu-HyOQB2-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-widget-element-361829306410250-335"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-336"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-337"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829306410250-338"> <ppc-content key="aQn7oF-HyOQB2-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-361829306410250-339">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-361829306410250-340"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-widget-element-361829306410250-341"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="PLAEMg-HyOQB2-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-widget-element-361829306410250-342"> <ppc-content key="2Xl698-HyOQB2-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-361829306410250-343">Submit </ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-361829306410250-344"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ppOUy9-HyOQB2-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-361829306410250-345"> <span data-ph-id="ph-widget-element-361829306410250-346"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-347"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-widget-element-361829306410250-348"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-361829306410250-349"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-widget-element-361829306410250-350">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-widget-element-361829306410250-351">Currently we don’t have any jobs that fit your profile.</ppc-content> <section class="ph-widget" instance-id="8HkORC" original-view="view1" view="361829255603648-view1" data-ph-id="ph-widget-element-361829306410250-352"> <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{"context":"fyf"}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default" view="361829255603648-view1" instance-id="8HkORC" original-view="view1" data-ph-id="ph-widget-element-361829306410250-353"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-361829306410250-354"> <div class="prev" data-ph-id="ph-widget-element-361829306410250-355"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="3uMHRQ-HyOQB2-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-361829306410250-356"> <span data-ph-id="ph-widget-element-361829306410250-357"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-358"></i> </span> </a> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-widget-element-361829306410250-359"> <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-361829306410250-360"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-widget-element-361829306410250-361"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-widget-element-361829306410250-362"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfNewContactInfoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-widget-element-361829306410250-363">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfNewContactInfoNoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-widget-element-361829306410250-364">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-361829306410250-365"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfNewContactInfoSocialLoginText" data-ph-id="ph-widget-element-361829306410250-366"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" instance-id="Xgzu8Q" original-view="view5-new" view="361829283014953-new" data-ph-id="ph-widget-element-361829306410250-367"> <div class="ph-social-connect-v1-view5-new-default" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="361829283014953-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="Xgzu8Q" data-ph-id="ph-widget-element-361829306410250-368"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-361829306410250-369"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-361829306410250-370"> <div class="widget-container" data-ph-id="ph-widget-element-361829306410250-371"> <div class="content-block" data-ph-id="ph-widget-element-361829306410250-372"> <ul class="login-link-list" role="list" key-role="HyOQB2-ph-find-your-fit-v1-default-listRole" data-ph-id="ph-widget-element-361829306410250-373"> <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="HyOQB2-ph-find-your-fit-v1-default-listItemRole" data-ph-id="ph-widget-element-361829306410250-374"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-361829306410250-375"> <div class="icon-block" data-ph-id="ph-widget-element-361829306410250-376"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-377"></i> </div> <div class="text-block" data-ph-id="ph-widget-element-361829306410250-378"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-widget-element-361829306410250-379"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfNewContactInfoOrTxt" data-ph-id="ph-widget-element-361829306410250-380">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-widget-element-361829306410250-381"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyfNewContactInfoHeadingText" data-ph-id="ph-widget-element-361829306410250-382"> If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-widget-element-361829306410250-383"> <form role="form" submit.delegate="" data-ph-id="ph-widget-element-361829306410250-384"> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-361829306410250-385"> <div data-ph-id="ph-widget-element-361829306410250-386"> <label for="name" data-ph-id="ph-widget-element-361829306410250-387"> <span key="4ueC16-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-widget-element-361829306410250-388">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-389"> <ppc-content key="YF329C-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-widget-element-361829306410250-390"> Full name <span class="required" data-ph-id="ph-widget-element-361829306410250-391">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-361829306410250-392"> <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="qmwUpu-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-widget-element-361829306410250-393"> <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-widget-element-361829306410250-394"> <ppc-content key="X5bTrV-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-widget-element-361829306410250-395">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-widget-element-361829306410250-396"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-361829306410250-397"> <div data-ph-id="ph-widget-element-361829306410250-398"> <label for="email-2" data-ph-id="ph-widget-element-361829306410250-399"> <span key="2N0g57-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-widget-element-361829306410250-400">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-401"> <ppc-content key="ThjTSP-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-widget-element-361829306410250-402">Email <span class="required" data-ph-id="ph-widget-element-361829306410250-403"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-361829306410250-404"> <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="uSSvRU-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-widget-element-361829306410250-405"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-widget-element-361829306410250-406"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-361829306410250-407"> <ppc-content key="qmVm8S-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-361829306410250-408">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-widget-element-361829306410250-409"> <ppc-content key="zPQZDg-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-361829306410250-410">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-widget-element-361829306410250-411"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-361829306410250-412"> <div data-ph-id="ph-widget-element-361829306410250-413"> <label for="phone" data-ph-id="ph-widget-element-361829306410250-414"> <span key="NbThYm-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-widget-element-361829306410250-415">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-416"> <ppc-content key="3PM0df-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-widget-element-361829306410250-417">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-widget-element-361829306410250-418"> <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="DTPSmo-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-widget-element-361829306410250-419"> <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-widget-element-361829306410250-420"> <ppc-content key="nYzYQK-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-widget-element-361829306410250-421">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-widget-element-361829306410250-422"></i> </input></div> <div class="security-info" data-ph-id="ph-widget-element-361829306410250-423"> <div class="security-info-block" data-ph-id="ph-widget-element-361829306410250-424"> <ppc-content key="n67OLf-HyOQB2-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-widget-element-361829306410250-425"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent" data-ph-id="ph-widget-element-361829306410250-426"> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-361829306410250-427"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-361829306410250-428"> <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="LyooEY-HyOQB2-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-361829306410250-429"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-430"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-431"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829306410250-432"> <ppc-content class="cd-terms-policy-block" key="HyOQB2-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-widget-element-361829306410250-433"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-361829306410250-434"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-361829306410250-435">terms of use</a> </ppc-content> </span> </input></label> </div> </div> <div class="consent-checkbox-block" if.bind="disableUploadResumeFlow || gdprConsent" data-ph-id="ph-widget-element-361829306410250-436"> <div class="checkbox-btn-group" data-ph-id="ph-widget-element-361829306410250-437"> <label class="input-checkbox-label" data-ph-id="ph-widget-element-361829306410250-438"> <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="pyznyg-HyOQB2-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-widget-element-361829306410250-439"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-440"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-441"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361829306410250-442"> <ppc-content key="LtQQTi-HyOQB2-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-361829306410250-443">Sign me up for company updates </ppc-content> </span> </input></label> </div> </div> <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-361829306410250-444"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyf1-please-accept-terms" data-ph-id="ph-widget-element-361829306410250-445"> Please accept terms of use and policy. </ppc-content> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-361829306410250-446"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-widget-element-361829306410250-447"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="51fdQS-HyOQB2-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-widget-element-361829306410250-448"> <ppc-content key="XCXkoN-HyOQB2-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-361829306410250-449">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-widget-element-361829306410250-450"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="n2aNA1-HyOQB2-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-361829306410250-451"> <span data-ph-id="ph-widget-element-361829306410250-452"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-361829306410250-453"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-widget-element-361829306410250-454"> <a href="javascript:void(0);" click.delegate="skip()" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType} step" key-aria-label="HyOQB2-ph-find-your-fit-v1-default-skipStepTypeText1" data-ph-at-id="skip-link" data-ph-id="ph-widget-element-361829306410250-455"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-widget-element-361829306410250-456"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-fyf-skipText" data-ph-at-id="skip-link-text" data-ph-id="ph-widget-element-361829306410250-457">Skip</ppc-content> </span> </a> </div> <!--End FYF Start Area --> <div class="step-count-block phs-step-count-block" show.bind="!stepsData[currentStep].skip" data-ph-id="ph-widget-element-361829306410250-458"> <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-widget-element-361829306410250-459"> <div class="progress-bar" role="progressbar" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus,'stepsCount':stepsCount}}" css="width: ${stepStatus*100/stepsCount}%;" data-ph-id="ph-widget-element-361829306410250-460"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-widget-element-361829306410250-461"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount+1}" data-ph-at-starting-step-number-text="${stepsCount+1}" data-ph-id="ph-widget-element-361829306410250-462"> <div class="progress-bar" role="progressbar" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus+1}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus+1,'stepsCount':stepsCount}}" css="width: ${(stepStatus+1)*100/stepsCount}%;" data-ph-id="ph-widget-element-361829306410250-463"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-widget-element-361829306410250-464"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-widget-element-361829306410250-465"> <div data-ph-id="ph-widget-element-361829306410250-466"> <ppc-content key="HyOQB2-ph-find-your-fit-v1-default-noStepsFoundText" data-ph-id="ph-widget-element-361829306410250-467"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="polite" aria-atomic="true" data-ph-id="ph-widget-element-361829306410250-468"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-widget-element-361829306410250-469"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-1718194448188-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-361830256889879-2"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="hRuU6v-H4hgTn-ph-profile-recommendations-v2-default-widgetHeadingText" show.bind="!showLoader && jobResults.length" data-ph-id="ph-widget-element-361830256889879-3"> <div class="widget-container" data-ph-id="ph-widget-element-361830256889879-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-361830256889879-5"> <h2 data-ph-id="ph-widget-element-361830256889879-6"> <ppc-content key="WO80FB-H4hgTn-ph-profile-recommendations-v2-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-361830256889879-7"> Profile recommendations </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-widget-element-361830256889879-8"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-widget-element-361830256889879-9"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-widget-element-361830256889879-10"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="dGnfWy" data-ph-id="ph-widget-element-361830256889879-11"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-361830256889879-12"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-widget-element-361830256889879-13"> <img if.bind="eachJob.image && eachJob.image.src && eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-widget-element-361830256889879-14" loading="lazy" /> </div> </figure> </div> <div class="${(eachJob.image && eachJob.image.src || ( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-widget-element-361830256889879-15"> <div class="information" data-ph-id="ph-widget-element-361830256889879-16"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-widget-element-361830256889879-17"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-361830256889879-18"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-361830256889879-19"> <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-widget-element-361830256889879-20" loading="lazy" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-widget-element-361830256889879-21"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-361830256889879-22"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-361830256889879-23"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-24"></i> <span class="tag-label" data-ph-id="ph-widget-element-361830256889879-25">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-widget-element-361830256889879-26"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-361830256889879-27"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-widget-element-361830256889879-28"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-29"></i> <span class="tag-label" data-ph-id="ph-widget-element-361830256889879-30">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="H4hgTn-ph-profile-recommendations-v2-dGnfWy-bAWLDi-default-headingRole" aria-level="3" key-aria-level="H4hgTn-ph-profile-recommendations-v2-dGnfWy-bAWLDi-default-headingAriaLevelValue" instance-id="dGnfWy-bAWLDi" data-ph-id="ph-widget-element-361830256889879-31"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-widget-element-361830256889879-32"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-361830256889879-33"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-34">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-35"></i> <span data-ph-id="ph-widget-element-361830256889879-36">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-361830256889879-37"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-widget-element-361830256889879-38"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-361830256889879-39"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-40">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-41"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-42">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-361830256889879-43"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-44">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-45"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-46">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-widget-element-361830256889879-47"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-48">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-49"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-50"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-361830256889879-51"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-361830256889879-52">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-361830256889879-53"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-54">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-55"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-56">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-widget-element-361830256889879-57"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-58">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-59"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-60">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-361830256889879-61"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-62">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-63"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-64"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-361830256889879-65"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-66">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-67"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-68"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-361830256889879-69"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-70">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-71">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-72"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-361830256889879-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-74">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-361830256889879-75">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-76">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-361830256889879-77">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-361830256889879-78"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-widget-element-361830256889879-79"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-361830256889879-80"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-widget-element-361830256889879-81"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-82"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-361830256889879-83"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-361830256889879-84"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-85">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-86"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-87">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-widget-element-361830256889879-88"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-widget-element-361830256889879-89"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-90"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-361830256889879-91"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-361830256889879-92"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-93">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-94"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-95">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-361830256889879-96"> <span class="sr-only" data-ph-id="ph-widget-element-361830256889879-97">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-98"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-361830256889879-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-100">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-361830256889879-101">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-102">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-361830256889879-103">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-widget-element-361830256889879-104"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-105">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-106"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-107"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-361830256889879-108"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-361830256889879-109">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-361830256889879-110"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-111">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-112"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-113">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-widget-element-361830256889879-114"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-115">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-116"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-117">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-361830256889879-118"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-119">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-120"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-121"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-361830256889879-122"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-123">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-124"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-361830256889879-125"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-361830256889879-126"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-361830256889879-127"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="H4hgTn-ph-profile-recommendations-v2-dGnfWy-9TpgW7-default-multiLocationButtonRole" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="dGnfWy-9TpgW7" data-ph-id="ph-widget-element-361830256889879-128"> <span data-ph-id="ph-widget-element-361830256889879-129"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-130"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-361830256889879-131"> <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-widget-element-361830256889879-132"> ${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-widget-element-361830256889879-133"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-widget-element-361830256889879-134">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-widget-element-361830256889879-135">${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-widget-element-361830256889879-136"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-361830256889879-137">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-138">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-361830256889879-139">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-140">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-361830256889879-141">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-361830256889879-142"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-361830256889879-143"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="H4hgTn-ph-profile-recommendations-v2-dGnfWy-w7H3Ah-default-multiCategoryButtonRole" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="dGnfWy-w7H3Ah" data-ph-id="ph-widget-element-361830256889879-144"> <span data-ph-id="ph-widget-element-361830256889879-145"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-146"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-361830256889879-147"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-widget-element-361830256889879-148"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-widget-element-361830256889879-149"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-361830256889879-150"> <span data-ph-id="ph-widget-element-361830256889879-151"> <span class="sr-only" data-ph-id="ph-widget-element-361830256889879-152"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-widget-element-361830256889879-153">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-widget-element-361830256889879-154">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-361830256889879-155">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-361830256889879-156">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-widget-element-361830256889879-157">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-361830256889879-158">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-159"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-widget-element-361830256889879-160"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-widget-element-361830256889879-161"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-162"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-widget-element-361830256889879-163"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-361830256889879-164"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-361830256889879-165"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-166"></i> <span class="tag-label" data-ph-id="ph-widget-element-361830256889879-167">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-widget-element-361830256889879-168"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-361830256889879-169"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-361830256889879-170"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-361830256889879-171"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-widget-element-361830256889879-172"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-widget-element-361830256889879-173">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-174"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-361830256889879-175"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-361830256889879-176"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-177"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-widget-element-361830256889879-178"> <ppc-content key="H4hgTn-ph-profile-recommendations-v2-dGnfWy-aN2c2H-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="dGnfWy-aN2c2H" data-ph-id="ph-widget-element-361830256889879-179">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-361830256889879-180"> <section class="ph-widget" instance-id="P7Ehnz" original-view="default" view="361830160247846-default" data-ph-id="ph-widget-element-361830256889879-181"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="361830160247846-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="P7Ehnz" original-view="default" data-ph-id="ph-widget-element-361830256889879-182"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-widget-element-361830256889879-183"> <div class="savejob-checkbox" data-ph-id="ph-widget-element-361830256889879-184"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-361830256889879-185"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-widget-element-361830256889879-186" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-361830256889879-187"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-188"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-189"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-361830256889879-190">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-widget-element-361830256889879-191"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-192"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-193"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-361830256889879-194">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-widget-element-361830256889879-195"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-widget-element-361830256889879-196"> <span class="sr-only" data-ph-id="ph-widget-element-361830256889879-197">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-198"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-361830256889879-199"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-widget-element-361830256889879-200"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-361830256889879-201"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-widget-element-361830256889879-202"> <div class="modal-dialog" data-ph-id="ph-widget-element-361830256889879-203"> <div class="popup-content-block" data-ph-id="ph-widget-element-361830256889879-204"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="H4hgTn-ph-profile-recommendations-v2-dGnfWy-nV6WqM-default-closePopupAriaLabelText" instance-id="dGnfWy-nV6WqM" data-ph-id="ph-widget-element-361830256889879-205"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-206"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-361830256889879-207"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="H4hgTn-ph-profile-recommendations-v2-dGnfWy-fT0nLk-default-headingModalRole" key-aria-level="H4hgTn-ph-profile-recommendations-v2-dGnfWy-fT0nLk-default-headingModalAriaLevel" instance-id="dGnfWy-fT0nLk" data-ph-id="ph-widget-element-361830256889879-208"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-361830256889879-209"> <div class="job-location-count" data-ph-id="ph-widget-element-361830256889879-210"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-361830256889879-211"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-361830256889879-212"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-widget-element-361830256889879-213"> <span data-ph-id="ph-widget-element-361830256889879-214"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-widget-element-361830256889879-215"></i> </span> <span data-ph-id="ph-widget-element-361830256889879-216"> ${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-widget-element-361830256889879-217"> <span class="sr-only" data-ph-id="ph-widget-element-361830256889879-218">${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-widget-element-361830256889879-219"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-361830256889879-220">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-221">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-361830256889879-222">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-223">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-361830256889879-224"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-361830256889879-225"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-widget-element-361830256889879-226"> <div class="modal-dialog" data-ph-id="ph-widget-element-361830256889879-227"> <div class="popup-content-block" data-ph-id="ph-widget-element-361830256889879-228"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="H4hgTn-ph-profile-recommendations-v2-dGnfWy-mISb0E-default-closeCategoryPopupAriaLabelText" instance-id="dGnfWy-mISb0E" data-ph-id="ph-widget-element-361830256889879-229"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-230"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-361830256889879-231"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="H4hgTn-ph-profile-recommendations-v2-dGnfWy-1EYDIn-default-headingModalRole" key-aria-level="H4hgTn-ph-profile-recommendations-v2-dGnfWy-1EYDIn-default-headingModalAriaLevel" instance-id="dGnfWy-1EYDIn" data-ph-id="ph-widget-element-361830256889879-232"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-361830256889879-233"> <div class="job-location-count" data-ph-id="ph-widget-element-361830256889879-234"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-361830256889879-235"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-361830256889879-236"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-widget-element-361830256889879-237"> <span data-ph-id="ph-widget-element-361830256889879-238"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-widget-element-361830256889879-239"></i> </span> <span data-ph-id="ph-widget-element-361830256889879-240"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-widget-element-361830256889879-241"> <div aria-atomic="true" aria-live="assertive" instance-id="hHUaRc" data-ph-id="ph-widget-element-361830256889879-242"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="H4hgTn-ph-profile-recommendations-v2-hHUaRc-SKyinB-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="H4hgTn-ph-profile-recommendations-v2-hHUaRc-SKyinB-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="H4hgTn-ph-profile-recommendations-v2-hHUaRc-SKyinB-default-button-role-see-more" instance-id="hHUaRc-SKyinB" data-ph-id="ph-widget-element-361830256889879-243"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-361830256889879-244"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-245"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="H4hgTn-ph-profile-recommendations-v2-hHUaRc-pctg3y-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="H4hgTn-ph-profile-recommendations-v2-hHUaRc-pctg3y-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="H4hgTn-ph-profile-recommendations-v2-hHUaRc-pctg3y-default-button-role-see-less" instance-id="hHUaRc-pctg3y" data-ph-id="ph-widget-element-361830256889879-246"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-361830256889879-247"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-248"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="H4hgTn-ph-profile-recommendations-v2-hHUaRc-WUjbIO-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="H4hgTn-ph-profile-recommendations-v2-hHUaRc-WUjbIO-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="H4hgTn-ph-profile-recommendations-v2-hHUaRc-WUjbIO-default-button-role-see-next" instance-id="hHUaRc-WUjbIO" data-ph-id="ph-widget-element-361830256889879-249"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-widget-element-361830256889879-250"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-251"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="H4hgTn-ph-profile-recommendations-v2-hHUaRc-c6g496-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="H4hgTn-ph-profile-recommendations-v2-hHUaRc-c6g496-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="H4hgTn-ph-profile-recommendations-v2-hHUaRc-c6g496-default-button-role-see-evenmore" instance-id="hHUaRc-c6g496" data-ph-id="ph-widget-element-361830256889879-252"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-widget-element-361830256889879-253"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-361830256889879-254"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-361830256889879-255"> <p data-ph-id="ph-widget-element-361830256889879-256"> <ppc-content key="H4hgTn-ph-profile-recommendations-v2-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-361830256889879-257"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-361830120169937-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view --> <div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-widget-element-361830120169937-2"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-361830120169937-3"> <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-361830120169937-4"> <div class="modal-content" data-ph-id="ph-widget-element-361830120169937-5"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-361830120169937-6"> <!--<i class="icon icon-send-masseg"></i>--> <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-widget-element-361830120169937-7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-361830120169937-8"></i> <span class="sr-only" data-ph-id="ph-widget-element-361830120169937-9"><ppc-content key="Gw04PO-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-361830120169937-10">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-widget-element-361830120169937-11"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-361830120169937-12"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-361830120169937-13"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-361830120169937-14"> To access this job from another computer, email this information to yourself or a friend. </ppc-content> </p> </div> <div class="widget-container" data-ph-id="ph-widget-element-361830120169937-15"> <div class="content-block" data-ph-id="ph-widget-element-361830120169937-16"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-361830120169937-17"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-widget-element-361830120169937-18"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-361830120169937-19"> <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-widget-element-361830120169937-20"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361830120169937-21"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361830120169937-22"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-widget-element-361830120169937-23"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-361830120169937-24"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-widget-element-361830120169937-25"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-361830120169937-26"> <label for="email-job-name" data-ph-id="ph-widget-element-361830120169937-27"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-361830120169937-28"> Your Name </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="Gw04PO-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="Gw04PO-ph-email-job-v1-view3-recipientNameTitleText" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-widget-element-361830120169937-29"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-widget-element-361830120169937-30"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-361830120169937-31"> Name should not be empty </ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-361830120169937-32"> <label for="email-job-email" data-ph-id="ph-widget-element-361830120169937-33"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-361830120169937-34"> Recipient's Email address </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="Gw04PO-ph-email-job-v1-view3-recipientEmailAddressTitleText" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-widget-element-361830120169937-35"> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-widget-element-361830120169937-36"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-emailShouldNotBeEmptyText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-361830120169937-37"> Recipient’s email address should not be Empty </ppc-content> </span> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-widget-element-361830120169937-38"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-pleaseEnterAValidEmailText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-361830120169937-39"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-widget-element-361830120169937-40"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-widget-element-361830120169937-41"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-361830120169937-42"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-widget-element-361830120169937-43"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-361830120169937-44"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-361830120169937-45"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361830120169937-46"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361830120169937-47"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361830120169937-48"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-361830120169937-49"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-361830120169937-50">*</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-widget-element-361830120169937-51"> <span class="sr-only required-text" data-ph-id="ph-widget-element-361830120169937-52"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-361830120169937-53"> <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-361830120169937-54"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-361830120169937-55">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-361830120169937-56"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-361830120169937-57">Email has sent has error</ppc-content> </span> </div> </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-widget-element-361830120169937-58"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-361830120169937-59"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-361830120169937-60"> <i class="icon icon-check" data-ph-id="ph-widget-element-361830120169937-61"></i> <h3 data-ph-id="ph-widget-element-361830120169937-62"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-361830120169937-63">Success!</ppc-content> </h3> <p data-ph-id="ph-widget-element-361830120169937-64"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-361830120169937-65">Email has successfully sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-widget-element-361830120169937-66"> <ppc-content key="ynFy8l-Gw04PO-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-361830120169937-67">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-361830120169937-68"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-361830120169937-69"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-widget-element-361830120169937-70"> <i class="icon icon-cancel" data-ph-id="ph-widget-element-361830120169937-71"></i> <h3 data-ph-id="ph-widget-element-361830120169937-72"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-361830120169937-73">Failure!</ppc-content> </h3> <p data-ph-id="ph-widget-element-361830120169937-74"> <ppc-content key="Gw04PO-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-361830120169937-75">Email has not sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-widget-element-361830120169937-76"> <ppc-content key="kZCaZX-Gw04PO-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-361830120169937-77">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-widget-element-361830120169937-78"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-widget-element-361830120169937-79"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-widget-element-361830120169937-80"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-361830120169937-81"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-361830120169937-82"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-widget-element-361830120169937-83"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-361830120169937-84"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-widget-element-361830120169937-85"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-361830120169937-86"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-361830120169937-87"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-361830120169937-88"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-361830120169937-89"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-361830120169937-90">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-widget-element-361830120169937-91"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-361830120169937-92"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-361830160247846-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-361830160247846-2"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-widget-element-361830160247846-3"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-361830160247846-4"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="P7Ehnz-ph-social-share-v3-default-headingRole" aria-level="2" key-aria-level="P7Ehnz-ph-social-share-v3-default-headingLevelAria" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-widget-element-361830160247846-5"> <ppc-content key="P7Ehnz-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-361830160247846-6"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-widget-element-361830160247846-7"> <ppc-content key="P7Ehnz-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-361830160247846-8"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-361830160247846-9"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-widget-element-361830160247846-10"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-widget-element-361830160247846-11"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-widget-element-361830160247846-12"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-widget-element-361830160247846-13"></i> <span class="sr-only" data-ph-id="ph-widget-element-361830160247846-14"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-widget-element-361830160247846-15">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="Gw04PO" data-ph-at-id="social_share_show_email_section" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" original-view="view3" view="361830120169937-view3" data-ph-id="ph-widget-element-361830160247846-16"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="361830120169937-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="Gw04PO" original-view="view3" data-ph-id="ph-widget-element-361830160247846-17"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-widget-element-361830160247846-18"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-361830160247846-19"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-361830160247846-20"> <div class="head-wrapper" data-ph-id="ph-widget-element-361830160247846-21"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-widget-element-361830160247846-22"> <ppc-content key="P7Ehnz-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-361830160247846-23">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="P7Ehnz-ph-social-share-v3-default-closeDialogAriaLabel" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-361830160247846-24"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-widget-element-361830160247846-25"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-widget-element-361830160247846-26"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-361830160247846-27"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-widget-element-361830160247846-28"> <ppc-content key="P7Ehnz-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-361830160247846-29">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-widget-element-361830160247846-30"><ppc-content key="P7Ehnz-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-361830160247846-31">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-widget-element-361830160247846-32" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-widget-element-361830160247846-33"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-361830160247846-34"><ppc-content key="P7Ehnz-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-361830160247846-35">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-widget-element-361830160247846-36"><ppc-content key="P7Ehnz-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-361830160247846-37">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><style>.phcriticalhide{display: none!important}</style> <script id="page_dynamic_literals" nonce=""> phApp.translations = {"ph-social-connect-v1-view5":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","google-sign":"Sign in with Google","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","mergeCount":"Merge selected ({{profileCount}})","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found"},"ph-job-cart-count-v3-view5":{"iconCartLgText":"icon-heart-full","jobCartLinkText":"Favorite jobs","jobCartJobSingular":"job","jobCartJobPlural":"jobs","jobCartWordHas":"has","iconCartText":"icon-heart"},"ph-find-your-fit-container-v1-default":{"uploadResumeProfileFirstName":"Hi {{userFirstName}},","resumeUploadedMessage":"The carrer site has been personalized based on your resume “{{resumeName}}“"},"ph-candidate-login-v1-default":{"signInIcon":"icon icon-user-4","validPasswordIcon":"icon icon-check-mark","accDelEmailValSuccessDesc":"Your account has been successfully deleted.","signOutButton":"Sign out","createAccountEmailFormAriaLabel":"Enter email","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","accDelEmailValFailureDesc":"Account Deletion Failed","resetPasswordButtonText":"Send password reset link","signInPopUpHeading":"Sign in","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","signInButtonLabel":"Already have an account?","signInPopUpSubHeading":"","createAccErrorStatement3":"one number,","emailInUseError":"This email address is already in use. Please try again or","signInPasswordFormLabel":"Password","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","signup":"Sign up","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","personalAccountLinkText":"View profile","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","closePopUpButtonIcon":"icon icon-cancel","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"https://www.straumann.com/group/en/home/privacy-notice.html","termsOfUseText":"Terms of Use","showPasswordText":"Show password","submitText":"Submit","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","accDelEmailValSuccBtnText":"Ok","closePopupButtonAriaLabel":"Close popup","errorIncorrectPassword":"Your password is incorrect. Please try again","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","salutationText":"Hi","createAccountLinkText":"Sign up","createAccountEmailFormLabel":"Email","accDelEmailValSuccessText":"Success!","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","resentEmailButtonLabel":"Didn't receive the mail?","passwordErrorRequirementText":"Password did not meet the requirements for","signInPasswordFormAriaLabel":"Enter password","signInEmailFormAriaLabel":"Enter email","errorMessageInvalidEmail":"Please enter a valid email address.","privacyPolicyLinkText":"Privacy Policy.","forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","validEmailIcon":"icon icon-check-mark-thick-1","requiredText":"required","accDelEmailValFailureText":"Failure!","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","forgotPasswordLinkText":"Forgot your password?","errorMessageInvalidPassword":"Oops! Password must be at least 8 characters, and at least 1 uppercase, lowercase, numeric and a special character should be present","accDelEmailValFailureBtnText":"Ok","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","loggedInBtnAriaLabel":"Your profile {{saluteText}}","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","createAccountEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","fyfFlowSignInHeading":"Sign in to save your personalised profile","termsLinkText":"Terms of Use","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","staySignedInCheckboxText":"Stay signed in","signInAgreementTextPartTwo":"and","staySignedInCheckboxAriaLabel":"Stay signed in","piiConsentError":"Please accept all the required consents","seperatorText":"or use your social account","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","passwordInVisibleSrOnly":"Password is invisible","termsLink":"https://www.straumann.com/group/en/home/legal-notice.html","doneText":"Done","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-candidate-login-v1-view1":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","resetPasswordInvalidText":"Your reset password link is invalid. Please try again.","validEmailIcon":"icon icon-check-mark-thick-1","setNewPwdText":"Set new password","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","resetPasswordButtonText":"Send password reset link","privacyPolicyText":"Privacy Policy","signInPopUpHeading":"Sign in","forgotPasswordLinkText":"Forgot your password?","createAccErrorStatement1":"Password must have at least ","createAccErrorStatement2":"8 characters,","showPasswordIcon":"icon icon-eye-1","signInPopUpSubHeading":"","createAccErrorStatement3":"one number,","signInButtonLabel":"Already have an account?","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","newPwdText":"New Password","createAccountEmailFormPlaceHolder":"name@mail.com","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","createAccountButtonLabel":"Don’t have an account?","passwordVisibleSrOnly":"Password is visible","privacyPolicyLink":"https://www.straumann.com/group/en/home/privacy-notice.html","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","createNewPwdText":"Please create a new password","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","staySignedInCheckboxAriaLabel":"Stay signed in","seperatorText":"or use your social account","errorIncorrectPassword":"Your password is incorrect. Please try again","hidePasswordText":"Hide password","resetLinkExpired":"Password reset Link has been expired","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","resentEmailButtonLabel":"Didn't receive the mail?","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"https://www.straumann.com/group/en/home/legal-notice.html","errorMessageInvalidEmail":"Please enter a valid email address.","signInPasswordFormAriaLabel":"Enter password","signInEmailFormAriaLabel":"Enter email","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-job-cart-count-v3-view2":{"iconCartLgText":"icon icon-star","jobCartLinkText":"Saved","jobCartJobSingular":"job","jobCartWordHas":"has","jobCartJobPlural":"jobs","iconCartText":"icon icon-star-empty"},"ph-find-your-fit-v1-default":{"fyfRecentTitlePlaceHolderText":"Your most recent job title","suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","fyfSkillsPlaceHolderText":"Your skills","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","addSkillButtinAriaLabel":"Add {{skillName}}","fyfLocationPlaceHolderText":"Your preferred work location","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-social-share-v3-default":{"twitterTitle":"Share via twitter","instagram":"Share via Instagram","linkedin":"Share via LinkedIn","google-plusTitle":"Share via google plus","weiboTitle":"Share via weibo","facebookTitle":"Share via Facebook","xing":"Share via xing","twitter":"Share via twitter","weibo":"Share via weibo","facebookAriaLabel":"Share via Facebook","email":"Share via email","instagramAriaLabel":"Share via Instagram","weiboAriaLabel":"Share via weibo","shareInfoText":"Check out this job at {{companyName}}, {{title}}","google-plus":"Share via google plus","vkTitle":"Share via vk","emailTitle":"Share via email","instagramTitle":"Share via Instagram","vkAriaLabel":"Share via vk","facebook":"Share via Facebook","emailClientSubject":"{{title}} at {{companyName}}","pinterest":"Share via pinterest","twitterAriaLabel":"Share via twitter","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","google-plusAriaLabel":"Share via google plus","xingAriaLabel":"Share via xing","pinterestAriaLabel":"Share via pinterest","emailClientBody":"Check out this job:","vk":"Share via vk","emailAriaLabel":"Share via email","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"},"ph-profile-recommendations-v2-default":{"applyNowText":"Apply Now","locationText":"location","city":"City","seeNextText":"See all jobs","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less jobs","sponsorship":"Sponsor","type":"Job Type","title":"Title","remote":"Remote","postedDate":"Posted Date","expiryDate":"ExpiryDate","descriptionTeaser":"Description Teaser","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","addToCartSaveText":"Save","location":"Location","travelRequiremnt":"Travel","category":"Category"}} </script><style>.phcriticalhide{display: none!important}</style> <script snippet_id="GTM-HEAD-143" nonce="">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;n=d.querySelector('[nonce]');if(n){j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'))};f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-K5FNR36');</script><script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "en_global","name": "Diversity and Inclusion","url": "https://careers.straumann.com/global/en/diversity-and-inclusion","datePublished": "2024-06-16","dateModified": "2024-06-16"}</script><script id="ph_app_widgetscript_url" type="text/javascript">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1722507978142.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/tenantcss/main-1720165650269.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/tenantcss/color-css-1720163873153.css" id="colorCss" /></head> <body class="culture-page culture" data-ph-id="ph-page-element-page21-LCMB6Z" style="visibility: hidden;"><noscript nonce="__CSP_NONCE__" snippet_id="GTM-BODY-143"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K5FNR36" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="ph-header" data-ph-id="ph-page-element-page21-1iSZX6"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="gAJjHkj1-vce229XY"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page21-oQhr5O"> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page21-3h1spM"><section class="ppc-section ph-widget" type="dynamic" ph-module="gdpr" data-ph-id="KKRC7R" view="1631871688494-default" original-view="default" instance-id="14BnVB" theme="default"><div class="ph-cookie-popup-v2-default-default ph-widget-target" as-element="ph-cookie-popup-v2" data-widget="ph-cookie-popup-v2" view="1631871688494-default" theme="default" data-ph-id="gdpr-widget-element-ph-cookie-popup-v2-1631871688491" original-view="default" instance-id="14BnVB"></div></section><section class="ppc-section ph-widget-disabled" type="dynamic" ph-module="gdpr" data-ph-id="5fq6AI" view="1631871687671-default" original-view="default" instance-id="cSOPcE" theme="default"><div class="ph-cookie-popup-v2-default-default ph-widget-target" data-widget="ph-cookie-popup-v2" view="1631871687671-default" theme="default" data-ph-id="gdpr-widget-element-ph-cookie-popup-v2-1631871687669" original-view="default" instance-id="cSOPcE" as-disabled="ph-cookie-popup-v2"></div></section> <section class="ph-widget" instance-id="t8u3gm" data-ph-id="ph-page-element-page21-sOuVmN"> </section> <section class="ppc-section ph-widget" type="static" data-ph-id="ph-page-element-page21-lAQxWz" view="1559109712467-hero-content-cc-view2-option1" original-view="ph-hero-content-cc-view2-option1" instance-id="pty9Zr" theme="theme2"><div class="ph-hero-content-cc-view2-option1-theme2 ph-widget-target" data-ph-id="ph-page-element-page21-dKQC1Y" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1559109712467-hero-content-cc-view2-option1" original-view="ph-hero-content-cc-view2-option1" theme="theme2" ph-removed="true" instance-id="pty9Zr"><div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" data-ph-id="ph-page-element-page21-ofe2LP" style="background-image: url(""); background-size: cover;"> <div class="inner-container ph-fluid-container" data-ph-id="ph-page-element-page21-yzWxtc"> <div class="ph-container-heading-block" data-ph-id="ph-page-element-page21-IclQbo"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="KwynVn" data-ph-id="ph-page-element-page21-Kz0DJY"> <div class="heading-block-info" data-ph-id="ph-page-element-page21-hVuBeQ"> </div> <div class="heading-block-actions" data-ph-id="ph-page-element-page21-1QqypC"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-page-element-page21-j0GM9s"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-page-element-page21-uYx02j"> <div class="ph-card" card-name="ph-hero-content-cc-view2" instance-id="FPyzGR" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page21-D1a3jr"> <div class="ph-hero-content-cc-view2 ph-card-block" data-ph-at-id="ph-hero-content-cc-view2" data-ph-id="ph-page-element-page21-SBm6EX"> <figure class="image" data-ph-id="ph-page-element-page21-KBbRed"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page21-s3y5Nb"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page21-6SEQlh" class="ppc-image ppc-content"><img src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/07.1-1702547152800.jpg" key-src="SVEWN0-clone-cl-diversity-and-inclusion-ph-html-v1-ph-hero-content-cc-view2-option1-pty9Zr-FxSGuf" alt="culture banner" key-alt="uZxxzp-clone-cl-diversity-and-inclusion-ph-html-v1-ph-hero-content-cc-view2-option1-pty9Zr-5KH7v3" data-ph-cid="primary-image1" instance-id="FPyzGR-X3SyC5" data-ph-id="ph-page-element-page21-BTYgzU" height-val="550" /></ppc-content> </ppc-container> <ppc-container component-content-key="overlay" class="overlay" data-ph-cid="overlay1" data-ph-id="ph-page-element-page21-A3ATMf"> <div class="ph-overlay-wrapper" data-ph-id="ph-page-element-page21-kwbo7k"> </div> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page21-8uJ4Tt"> <div class="data" data-ph-id="ph-page-element-page21-7sDQ8b"> <ppc-container component-content-key="h1-heading" class="heading-one" data-ph-cid="h1-heading1" data-ph-id="ph-page-element-page21-O035Ag"> <h1 data-ph-id="ph-page-element-page21-dZiuMr"> <ppc-content key="pbkG8w-clone-cl-diversity-and-inclusion-ph-html-v1-ph-hero-content-cc-view2-option1-pty9Zr-mHg8Ua" instance-id="FPyzGR-xo6bxL" data-ph-id="ph-page-element-page21-lhsIUG" class="ppc-text ppc-content"><div><span class="gray-lighter"><strong>DIVERSITY &<br />INCLUSION</strong></span></div></ppc-content> </h1> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-page-element-page21-W4FUlh"> <span class="description-block" data-ph-id="ph-page-element-page21-qn6j5l"> <ppc-content key="gMw22P-clone-cl-diversity-and-inclusion-ph-html-v1-ph-hero-content-cc-view2-option1-pty9Zr-DbyeCJ" data-ph-at-id="description-text" instance-id="FPyzGR-dk0zbI" data-ph-id="ph-page-element-page21-khHgOi" class="ppc-text ppc-content"><br /></ppc-content> </span> </ppc-container> </div> </div> </div> </div></div> </div> </div> </div> </div></section><section class="ph-widget ph-media-cc-view1-option5-theme4" type="static" view="hskpdp-ph-media-cc-view1-option5" cards-count="4" data-cards-per-row="four" theme="theme4" instance-id="hskpdp" original-view="ph-media-cc-view1-option5" data-ph-id="ph-page-element-page21-sSvWXn"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="hskpdp-ph-media-cc-view1-option5" original-view="ph-media-cc-view1-option5" type="static" data-ph-id="ph-page-element-page21-MyMpWE" instance-id="hskpdp" class="ph-widget-target ph-media-cc-view1-option5-theme4" theme="theme4"> <div class="ph-component-cntr ph-widget-box header-center" default-cards-count="4" max-allowed-cards="8" data-ph-id="ph-page-element-page21-Xy00ze"> <div class="inner-container ph-cc-d-p-b-0" data-ph-id="ph-page-element-page21-z2iQeu"> <div class="ph-container-heading-block" data-ph-id="ph-page-element-page21-XFs984"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="bD1t5i" data-ph-id="ph-page-element-page21-2Q833g"> <div class="heading-block-info" data-ph-id="ph-page-element-page21-739sQr"> <ppc-container component-content-key="header-block-sub-content" class="sub-content" data-ph-cid="header-block-sub-content1" data-ph-id="ph-page-element-page21-HNcoui"> <span class="sub-content-block" data-ph-id="ph-page-element-page21-CbDcXW"> <ppc-content key="ypdUEn-clone-cl-diversity-and-inclusion-ph-html-v1-ph-media-cc-view1-option5-hskpdp-k6Ji3V" instance-id="bD1t5i-2gulC6" data-ph-id="ph-page-element-page21-g8hnuu" class="ppc-text ppc-content"><div style="text-align: left;"><span style="font-family:TheSansLP4-SemiLight;"><span class="ph-cc-ms-f-s-24 ph-cc-d-f-s-24 ph-cc-t-f-s-16 ph-cc-m-f-s-16">At Straumann Group, we celebrate our differences in who we are, how we think and what we’ve experienced. Our inclusive culture makes each of us feel valued and heard and unites us to create more smiles, everyday.</span></span></div></ppc-content> </span> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-page-element-page21-6FUGdn"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-page-element-page21-h0rCun"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-page-element-page21-LEZloy" role="list"> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="kC0bMt" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page21-OMN9uQ" role="listitem"> <div class="ph-media-cc-view1 ph-card-block card-elems-center" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-page-element-page21-hSRHnE"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page21-nVYyor"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page21-3yAcUV"> <div ph-card-block-num="1" data-ph-id="ph-page-element-page21-kS20Co"> <figure class="image" data-ph-id="ph-page-element-page21-fs3u5u"> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-page-element-page21-UZIqSS"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page21-4EVeAH"> </div> </div> </div> </div> </div> </div> </div> <div class="ph-container-footer-block" data-ph-id="ph-page-element-page21-X19V7z"> <div class="ph-footer-block-default" card-name="ph-footer-block-default" instance-id="vUYN3s" data-ph-id="ph-page-element-page21-2vZ4pg"> <div class="footer-block-actions" data-ph-id="ph-page-element-page21-eRWAIL"> </div> </div> </div> </div> </div> </div></section> <!-- testimonials --> <!-- media card --> <section class="ppc-section ph-widget" type="static" data-ph-id="-1631880242829" view="1631880243424-media-cc-view1-option5" original-view="ph-media-cc-view1-option5" instance-id="B8aMl0" theme="theme1"><div class="ph-media-cc-view1-option5-theme1 ph-widget-target" data-ph-id="-1631880242829-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1631880243424-media-cc-view1-option5" original-view="ph-media-cc-view1-option5" theme="theme1" ph-removed="true" instance-id="B8aMl0"><div class="ph-component-cntr ph-widget-box" default-cards-count="4" max-allowed-cards="8" data-ph-id="ph-widget-element-1631880243424-2" style="background-color: rgba(209, 222, 238, 0.2);"> <div class="inner-container ph-cc-d-p-t-20 ph-cc-d-p-b-0" data-ph-id="ph-widget-element-1631880243424-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1631880243424-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="SKqNjD" data-ph-id="ph-widget-element-1631880243424-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1631880243424-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-1631880243424-7"> <h2 data-ph-id="ph-widget-element-1631880243424-8"> <ppc-content key="B8aMl0-SKqNjD-JFD6GC-ph-media-cc-view1-option5-h2-heading-title-text" instance-id="SKqNjD-JFD6GC" data-ph-id="ph-widget-element-1631880243424-9"><div><span class="ph-pbRIK">HOW WE UNDERSTAND DIVERSITY</span></div></ppc-content> </h2> </ppc-container> <ppc-container component-content-key="header-block-sub-content" class="sub-content" data-ph-cid="header-block-sub-content1" data-ph-id="ph-widget-element-1631880243424-10"> <span class="sub-content-block" data-ph-id="ph-widget-element-1631880243424-11"> <ppc-content key="B8aMl0-SKqNjD-OLwr52-ph-media-cc-view1-option5-header-block-sub-content-text" instance-id="SKqNjD-OLwr52" data-ph-id="ph-widget-element-1631880243424-12"><div><span style="font-family:TheSansLP4-SemiLight;">Our workforce has grown because we make taking care of our employees a priority.</span></div></ppc-content> </span> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1631880243424-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1631880243424-18"> <div class="ph-card-container stackable" data-cards-per-row="four" data-ph-id="ph-widget-element-1631880243424-19"> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" keyrole="listItemRole" instance-id="cqAwpb" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1631880243424-20"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1631880243424-21"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1631880243424-22"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1631880243424-23"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1631880243424-24"> <figure class="image" data-ph-id="ph-widget-element-1631880243424-25"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1631880243424-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1631880243424-27"> <img key-src="B8aMl0-cqAwpb-pKHry2-ph-media-cc-view1-option5-image-src" alt="Embracing and celebrating individual differences" key-alt="B8aMl0-cqAwpb-pKHry2-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="cqAwpb-pKHry2" data-ph-id="ph-widget-element-1631880243424-28" height-val="195" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/13-1702550095436.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1631880243424-29"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1631880243424-30"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1631880243424-34"> <span key-aria-level="B8aMl0-cqAwpb-W35DWO-ph-media-cc-view1-option5-heading-text-aria-level" key-role="B8aMl0-cqAwpb-W35DWO-ph-media-cc-view1-option5-heading-text-role" instance-id="cqAwpb-W35DWO" data-ph-id="ph-widget-element-1631880243424-35"> <ppc-content key="B8aMl0-cqAwpb-W35DWO-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="cqAwpb-W35DWO" data-ph-id="ph-widget-element-1631880243424-36"><div><span style="font-family:TheSansLP4-SemiLight;">Embracing and celebrating individual differences.<span style="font-family:TheSansLP4-SemiLight;"></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" keyrole="listItemRole" instance-id="hNAJYG" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1631880243424-45"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1631880243424-46"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1631880243424-47"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1631880243424-48"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1631880243424-49"> <figure class="image" data-ph-id="ph-widget-element-1631880243424-50"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1631880243424-51"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1631880243424-52"> <img key-src="B8aMl0-hNAJYG-k688JB-ph-media-cc-view1-option5-image-src" alt="" key-alt="B8aMl0-hNAJYG-k688JB-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="hNAJYG-k688JB" data-ph-id="ph-widget-element-1631880243424-53" height-val="195" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/04-1702560034731.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1631880243424-54"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1631880243424-55"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1631880243424-59"> <span key-aria-level="B8aMl0-hNAJYG-8UNnsF-ph-media-cc-view1-option5-heading-text-aria-level" key-role="B8aMl0-hNAJYG-8UNnsF-ph-media-cc-view1-option5-heading-text-role" instance-id="hNAJYG-8UNnsF" data-ph-id="ph-widget-element-1631880243424-60"> <ppc-content key="B8aMl0-hNAJYG-8UNnsF-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="hNAJYG-8UNnsF" data-ph-id="ph-widget-element-1631880243424-61"><div><span style="font-family:TheSansLP4-SemiLight;">Recognizing diversity in gender, gender identity, age, nationality, ethnicity, disability, sexual orientation, cultural backgrounds, cognitive difference, thinking styles.</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" keyrole="listItemRole" instance-id="HYlrZN" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1631880243424-70"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1631880243424-71"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1631880243424-72"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1631880243424-73"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1631880243424-74"> <figure class="image" data-ph-id="ph-widget-element-1631880243424-75"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1631880243424-76"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1631880243424-77"> <img key-src="B8aMl0-HYlrZN-6OfbxY-ph-media-cc-view1-option5-image-src" alt="" key-alt="B8aMl0-HYlrZN-6OfbxY-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="HYlrZN-6OfbxY" data-ph-id="ph-widget-element-1631880243424-78" height-val="195" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/09-1702559997779.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1631880243424-79"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1631880243424-80"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1631880243424-84"> <span key-aria-level="B8aMl0-HYlrZN-RNvsmh-ph-media-cc-view1-option5-heading-text-aria-level" key-role="B8aMl0-HYlrZN-RNvsmh-ph-media-cc-view1-option5-heading-text-role" instance-id="HYlrZN-RNvsmh" data-ph-id="ph-widget-element-1631880243424-85"> <ppc-content key="B8aMl0-HYlrZN-RNvsmh-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="HYlrZN-RNvsmh" data-ph-id="ph-widget-element-1631880243424-86"><div><span style="font-family:TheSansLP4-SemiLight;">Bringing together a diverse set of perspectives as well as work and life experiences</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> <div class="ph-container-footer-block" data-ph-id="ph-widget-element-1631880243424-120"> <div class="ph-footer-block-default" card-name="ph-footer-block-default" instance-id="M0JZpv" data-ph-id="ph-widget-element-1631880243424-121"> <div class="footer-block-actions" data-ph-id="ph-widget-element-1631880243424-122"> </div> </div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1631873095513" view="1631873095876-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" instance-id="nVx4YN" theme="theme2"><div class="ph-media-large-img-left-cc-view1-option2-theme2 ph-widget-target" data-ph-id="-1631873095513-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1631873095876-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" theme="theme2" ph-removed="true" instance-id="nVx4YN"><div class="ph-component-cntr ph-widget-box" default-cards-count="1" max-allowed-cards="2" data-ph-id="ph-widget-element-1631873095876-2"> <div class="inner-container ph-cc-d-p-b-30 ph-cc-d-p-t-0" data-ph-id="ph-widget-element-1631873095876-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1631873095876-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="kEH8f3" data-ph-id="ph-widget-element-1631873095876-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1631873095876-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1631873095876-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1631873095876-18"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-1631873095876-19"> <div class="ph-card" card-name="ph-media-large-img-left-cc-view1" card-layout="ph-layout-h" data-ph-card-block-alignment="h" instance-id="n1cWrs" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1631873095876-20"> <div class="ph-card-block ph-media-large-img-left-cc-view1 ph-layout-h" data-ph-at-id="ph-media-large-img-left-cc-view1" data-ph-id="ph-widget-element-1631873095876-21"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-1631873095876-22"> <div class="ph-col-6" ph-col-num="1" data-ph-id="ph-widget-element-1631873095876-23"> <div class="media" ph-card-block-num="1" data-ph-id="ph-widget-element-1631873095876-24"> <figure class="image" data-ph-id="ph-widget-element-1631873095876-25"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1631873095876-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1631873095876-27"> <img key-src="nVx4YN-n1cWrs-Xu1kOJ-ph-media-large-img-left-cc-view1-option2-image-src" alt="img1" key-alt="nVx4YN-n1cWrs-Xu1kOJ-ph-media-large-img-left-cc-view1-option2-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="n1cWrs-Xu1kOJ" data-ph-id="ph-widget-element-1631873095876-28" height-val="223" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/10-1711378139633.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-6" ph-col-num="2" data-ph-id="ph-widget-element-1631873095876-29"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" data-ph-id="ph-widget-element-1631873095876-30"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1631873095876-31"> <span key-aria-level="nVx4YN-n1cWrs-9wvbof-ph-media-large-img-left-cc-view1-option2-heading-text-aria-level" key-role="nVx4YN-n1cWrs-9wvbof-ph-media-large-img-left-cc-view1-option2-heading-text-role" instance-id="n1cWrs-9wvbof" data-ph-id="ph-widget-element-1631873095876-32"> <ppc-content key="nVx4YN-n1cWrs-9wvbof-ph-media-large-img-left-cc-view1-option2-heading-text" data-ph-at-id="heading-text" instance-id="n1cWrs-9wvbof" data-ph-id="ph-widget-element-1631873095876-33"><div><span class="brand-color-primary"><span style="font-family:FSIndustrieCd-Bold;"><span class="ph-cc-ms-f-s-30 ph-cc-d-f-s-30 ph-cc-t-f-s-18 ph-cc-m-f-s-16">DIVERSE PEOPLE STRENGTHEN OUR COMPANY</span></span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1631873095876-34"> <span class="description-block" data-ph-id="ph-widget-element-1631873095876-35"> <ppc-content key="nVx4YN-n1cWrs-AQHg2q-ph-media-large-img-left-cc-view1-option2-description-text" data-ph-at-id="description-text" instance-id="n1cWrs-AQHg2q" data-ph-id="ph-widget-element-1631873095876-36"><div><span style="font-family:TheSansLP4-SemiLight;"><span class="darkar">We believe diverse people bring new ideas and perspectives, leading us to greater learning, creativity and innovation. Having diversity in our company ensures we have a better understanding of our diverse customer and patient populations, nurturing a sustainable high-performance culture, superior business results and profitable outcomes.</span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1631873251017" view="1631873251393-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" instance-id="ZY6zXV" theme="theme2"><div class="ph-media-large-img-left-cc-view1-option2-theme2 ph-widget-target" data-ph-id="-1631873251017-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1631873251393-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" theme="theme2" ph-removed="true" instance-id="ZY6zXV"><div class="ph-component-cntr ph-widget-box" default-cards-count="1" max-allowed-cards="2" data-ph-id="ph-widget-element-1631873251393-2" style="background-color: rgba(209, 222, 238, 0.2);"> <div class="inner-container ph-cc-d-p-t-0 ph-cc-d-p-b-30" data-ph-id="ph-widget-element-1631873251393-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1631873251393-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="5Xe9nn" data-ph-id="ph-widget-element-1631873251393-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1631873251393-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1631873251393-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1631873251393-18"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-1631873251393-19"> <div class="ph-card" card-name="ph-media-large-img-left-cc-view1" card-layout="ph-layout-h" data-ph-card-block-alignment="h" instance-id="4BzKZN" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1631873251393-20"> <div class="ph-card-block ph-media-large-img-left-cc-view1 ph-layout-h" data-ph-at-id="ph-media-large-img-left-cc-view1" data-ph-id="ph-widget-element-1631873251393-21"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-1631873251393-22"> <div class="ph-col-6" ph-col-num="1" data-ph-id="ph-widget-element-1631873251393-23"> <div class="media" ph-card-block-num="1" data-ph-id="ph-widget-element-1631873251393-24"> <figure class="image" data-ph-id="ph-widget-element-1631873251393-25"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1631873251393-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1631873251393-27"> <img key-src="ZY6zXV-4BzKZN-BAD8Os-ph-media-large-img-left-cc-view1-option2-image-src" alt="img1" key-alt="ZY6zXV-4BzKZN-BAD8Os-ph-media-large-img-left-cc-view1-option2-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="4BzKZN-BAD8Os" data-ph-id="ph-widget-element-1631873251393-28" height-val="408" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/11-1702560001411.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-6" ph-col-num="2" data-ph-id="ph-widget-element-1631873251393-29"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" data-ph-id="ph-widget-element-1631873251393-30"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1631873251393-31"> <span key-aria-level="ZY6zXV-4BzKZN-tmZ6tL-ph-media-large-img-left-cc-view1-option2-heading-text-aria-level" key-role="ZY6zXV-4BzKZN-tmZ6tL-ph-media-large-img-left-cc-view1-option2-heading-text-role" instance-id="4BzKZN-tmZ6tL" data-ph-id="ph-widget-element-1631873251393-32"> <ppc-content key="ZY6zXV-4BzKZN-tmZ6tL-ph-media-large-img-left-cc-view1-option2-heading-text" data-ph-at-id="heading-text" instance-id="4BzKZN-tmZ6tL" data-ph-id="ph-widget-element-1631873251393-33"><div><span class="brand-color-primary"><span style="font-family:FSIndustrieCd-Bold;"><span class="ph-cc-ms-f-s-30 ph-cc-d-f-s-30 ph-cc-t-f-s-18 ph-cc-m-f-s-16">AN INCLUSIVE ENVIRONMENT CONTRIBUTES TO OUR SUCCESS</span></span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1631873251393-34"> <span class="description-block" data-ph-id="ph-widget-element-1631873251393-35"> <ppc-content key="ZY6zXV-4BzKZN-wB4sFM-ph-media-large-img-left-cc-view1-option2-description-text" data-ph-at-id="description-text" instance-id="4BzKZN-wB4sFM" data-ph-id="ph-widget-element-1631873251393-36"><div><span style="font-family:TheSansLP4-SemiLight;"><span class="darkar">We believe everyone has a voice and uniqueness that can contribute to our success. This is reflected in our Core Beliefs and our Diversity and Inclusion Promise.</span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1631875187465" view="1631875187936-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" instance-id="gzjO9a" theme="theme2"><div class="ph-media-large-img-left-cc-view1-option2-theme2 ph-widget-target" data-ph-id="-1631875187465-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1631875187936-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" theme="theme2" ph-removed="true" instance-id="gzjO9a"><div class="ph-component-cntr ph-widget-box darkar-bg" default-cards-count="1" max-allowed-cards="2" data-ph-id="ph-widget-element-1631875187936-2" style=""> <div class="inner-container ph-cc-d-p-t-0" data-ph-id="ph-widget-element-1631875187936-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1631875187936-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="XRijQD" data-ph-id="ph-widget-element-1631875187936-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1631875187936-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1631875187936-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1631875187936-18"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-1631875187936-19"> <div class="ph-card" card-name="ph-media-large-img-left-cc-view1" card-layout="ph-layout-h" data-ph-card-block-alignment="h" instance-id="oTJHQ4" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1631875187936-20"> <div class="ph-card-block ph-media-large-img-left-cc-view1 ph-layout-h" data-ph-at-id="ph-media-large-img-left-cc-view1" data-ph-id="ph-widget-element-1631875187936-21"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-1631875187936-22"> <div class="ph-col-6" ph-col-num="1" data-ph-id="ph-widget-element-1631875187936-23"> <div class="media" ph-card-block-num="1" data-ph-id="ph-widget-element-1631875187936-24"> <figure class="image" data-ph-id="ph-widget-element-1631875187936-25"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1631875187936-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1631875187936-27"> <img key-src="gzjO9a-oTJHQ4-ljJUxq-ph-media-large-img-left-cc-view1-option2-image-src" alt="Equal Opportunities For All" key-alt="gzjO9a-oTJHQ4-ljJUxq-ph-media-large-img-left-cc-view1-option2-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="oTJHQ4-ljJUxq" data-ph-id="ph-widget-element-1631875187936-28" height-val="408" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/24-1702549969471.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-6" ph-col-num="2" data-ph-id="ph-widget-element-1631875187936-29"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" data-ph-id="ph-widget-element-1631875187936-30"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1631875187936-31"> <span key-aria-level="gzjO9a-oTJHQ4-JJwIZh-ph-media-large-img-left-cc-view1-option2-heading-text-aria-level" key-role="gzjO9a-oTJHQ4-JJwIZh-ph-media-large-img-left-cc-view1-option2-heading-text-role" instance-id="oTJHQ4-JJwIZh" data-ph-id="ph-widget-element-1631875187936-32"> <ppc-content key="gzjO9a-oTJHQ4-JJwIZh-ph-media-large-img-left-cc-view1-option2-heading-text" data-ph-at-id="heading-text" instance-id="oTJHQ4-JJwIZh" data-ph-id="ph-widget-element-1631875187936-33"><div><font color="#195afa" face="FSIndustrieCd-Bold"><span style="font-size: 30px;">EQUAL OPPORTUNITIES FOR EVERYONE</span></font></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1631875187936-34"> <span class="description-block" data-ph-id="ph-widget-element-1631875187936-35"> <ppc-content key="gzjO9a-oTJHQ4-0pgIsB-ph-media-large-img-left-cc-view1-option2-description-text" data-ph-at-id="description-text" instance-id="oTJHQ4-0pgIsB" data-ph-id="ph-widget-element-1631875187936-36"><div><span class="gray-lighter"><span style="font-family:TheSansLP4-SemiLight;">We are an equal opportunity employer, that places great value in building an internal team representative of the diverse patients we serve. We believe that diverse people lead to diverse ideas and diverse solutions. We are a constant work in progress and are continually challenging and improving ourselves and the society we live within. We proudly embrace diversity in all of its forms.</span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1631873705002" view="1631873705352-paragraph-cc-view1-option1" original-view="ph-paragraph-cc-view1-option1" instance-id="i9pcpy" theme="theme1"><div class="ph-paragraph-cc-view1-option1-theme1 ph-widget-target" data-ph-id="-1631873705002-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1631873705352-paragraph-cc-view1-option1" original-view="ph-paragraph-cc-view1-option1" theme="theme1" ph-removed="true" instance-id="i9pcpy"><div class="ph-component-cntr ph-widget-box" default-cards-count="1" max-allowed-cards="4" data-ph-id="ph-widget-element-1631873705352-2" style="background-color: rgba(209, 222, 238, 0.2);"> <div class="inner-container ph-cc-d-p-b-0" data-ph-id="ph-widget-element-1631873705352-3"> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1631873705352-4"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-1631873705352-5"> <div class="ph-card" card-name="ph-paragraph-cc-view1" instance-id="VbUusc" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1631873705352-6"> <div class="ph-paragraph-cc-view1 ph-card-block" data-ph-at-id="ph-paragraph-cc-view1" data-ph-id="ph-widget-element-1631873705352-7"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1631873705352-8"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1631873705352-9"> <div class="content" ph-card-block-num="1" data-ph-id="ph-widget-element-1631873705352-10"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1631873705352-11"> <span class="description-block" data-ph-id="ph-widget-element-1631873705352-12"> <ppc-content key="i9pcpy-VbUusc-Fx9Rl6-ph-paragraph-cc-view1-option1-description-text" data-ph-at-id="description-text" instance-id="VbUusc-Fx9Rl6" data-ph-id="ph-widget-element-1631873705352-13"><div><h2 style="text-align: left;"><span class="ph-pbRIK">WHAT WE DO TO GUARANTEE DIVERSITY AND INCLUSION</span></h2><div style="text-align: left;"><br /><span class="darkar"><span class="ph-cc-ms-f-s-30 ph-cc-d-f-s-30 ph-cc-t-f-s-18 ph-cc-m-f-s-16">Diversity and inclusion initiatives at Straumann Group</span></span></div><br /><br /><br /><h4 style="text-align: left;"><span style="font-family:FSIndustrieCd-Bold;"><span class="ph-cc-ms-f-s-26 ph-cc-d-f-s-26 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span class="brand-color-primary"><strong>INCLUSION AWARENESS</strong></span></span></span></h4><div style="text-align: left;"><span style="font-family:TheSansLP4-SemiLight;"><span class="darkar"><span class="ph-cc-ms-f-s-24 ph-cc-d-f-s-24 ph-cc-t-f-s-16 ph-cc-m-f-s-16">We take every opportunity to understand and coach what it means to be truly inclusive and explore how we can all “Choose Inclusion” everyday. This is foundational for our culture.</span></span></span><br /><br /><br /></div><h4 style="text-align: left;"><font color="#195afa" face="FSIndustrieCd-Bold"><b>ATTRACT AND RETAIN DIVERSE PEOPLE</b></font></h4><div style="text-align: left;"><span style="font-family:TheSansLP4-SemiLight;"><span class="darkar"><span class="ph-cc-ms-f-s-30 ph-cc-d-f-s-30 ph-cc-t-f-s-18 ph-cc-m-f-s-16"><span class="ph-cc-ms-f-s-24 ph-cc-d-f-s-24 ph-cc-t-f-s-16 ph-cc-m-f-s-16">We are mindful of our diversity in every role, team and function. This is actively discussed when we consider recruitment, supported by our internal Talent Management Processes. </span></span></span></span><br /><br /><br /></div><h4 style="text-align: left;"><span style="font-family:FSIndustrieCd-Bold;"><span class="brand-color-primary"><strong>GENDER REPRESENTATION IN MANAGEMENT</strong></span></span></h4><div style="text-align: left;"><span style="font-family:TheSansLP4-SemiLight;"><span class="darkar"><span class="ph-cc-ms-f-s-30 ph-cc-d-f-s-30 ph-cc-t-f-s-18 ph-cc-m-f-s-16"><span class="ph-cc-ms-f-s-24 ph-cc-d-f-s-24 ph-cc-t-f-s-16 ph-cc-m-f-s-16">We nurture gender equality through our Executive Management Board Mentoring Program and inspire and engage women in implant dentistry through our Women Implantology Network (WIN). </span></span></span></span><br /><br /><br /></div><h4 style="text-align: left;"><span style="font-family:FSIndustrieCd-Bold;"><span class="brand-color-primary"><strong>CELEBRATE DIVERSITY</strong></span></span></h4><div style="text-align: left;"><span style="font-family:TheSansLP4-SemiLight;"><span class="dark-color"><span class="ph-cc-ms-f-s-24 ph-cc-d-f-s-24 ph-cc-t-f-s-16 ph-cc-m-f-s-16">As an international company, we celebrate the diversity that makes up Straumann Group. No matter which part of the world you are working from, we recognize your cultural uniqueness and heritage.</span></span></span></div></div><div style="text-align: left;"><br /><br /><br /></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><pcs-widget data-ph-widget-id="1c0d513754c29bdf57f46c029c235bdb" panel-id="12e4e74b2a8b2eedbeafdf72e25ec077" data-ph-id="-1718194355202-1" instance-id="ZSHimASt" data-ph-content-id="s0EzXe8q-k9kcnxvl"></pcs-widget><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1718194447199" view="1718194447202-default" original-view="default" instance-id="QeTFt8" theme="default"><div class="ph-find-your-fit-container-v1-default-default ph-widget-target" data-ph-id="1718194447199-1" as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" view="1718194447202-default" original-view="default" theme="default" ph-removed="true" instance-id="QeTFt8"></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1718194448185" view="1718194448188-default" original-view="default" instance-id="H4hgTn" theme="theme26"><div class="ph-profile-recommendations-v2-default-theme26 ph-widget-target" data-ph-id="1718194448185-1" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="1718194448188-default" original-view="default" theme="theme26" ph-removed="true" instance-id="H4hgTn"></div></section> <!-- media card --> </div> </div> <div class="ph-footer" data-ph-id="ph-page-element-page21-j3gxsv"><section class="ppc-section ph-widget" theme="theme1" type="static" ph-module="gdpr" data-ph-id="MorfWn" view="1631871688666-media-cc-view1-option3" original-view="ph-media-cc-view1-option3" instance-id="u68JXk"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1631871688666-media-cc-view1-option3" original-view="ph-media-cc-view1-option3" type="static" theme="theme1" class="ph-media-cc-view1-option3-theme1 ph-widget-target" data-ph-id="gdpr-widget-element-ph-html-v1-1631871688664" instance-id="u68JXk"><div class="ph-component-cntr ph-widget-box" style="background-color: #3a3a3a;" role="complementary" key-role="gdpr-gdprRole" data-ph-id="ph-widget-element-1631871688666-2"> <div class="inner-container ph-cc-d-p-t-0 ph-cc-d-p-b-0" data-ph-id="ph-widget-element-1631871688666-3"> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1631871688666-4"> <div class="ph-card-container stackable" data-cards-per-row="two" role="list" key-role="gdpr-cardListRole" data-ph-id="ph-widget-element-1631871688666-5"> <div class="ph-card" card-name="ph-media-cc-view1" role="listitem" key-role="K0jI3n-gdpr-cardListItemRole" instance-id="e2wYli" data-ph-id="ph-widget-element-1631871688666-6"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1631871688666-7"> <ppc-container component-content-key="primary-action-link" class="ph-cc-d-m-b-0 element-center ph-icon-hide" data-ph-id="ph-widget-element-1631871688666-8"> <div class="link" data-ph-at-id="media-default-link" data-ph-id="ph-widget-element-1631871688666-9"> <a class="action-link ph-cc-d-p-t-20 ph-cc-d-p-r-20 ph-cc-d-p-b-20 ph-cc-d-p-l-20" key-ph-href="gdpr-ph-media-cc-view1-option3-primary-link-href1" title="" key-title="gdpr-ph-media-cc-view1-option3-primary-link-title-text1" aria-label="Career Site Cookie Settings" key-aria-label="gdpr-ph-media-cc-view1-option3-primary-link-aria-label-cookie-settings-text" ph-tevent="static_content_click" ph-href="cookiesettings" target="_self" key-target="gdpr-ph-media-cc-view1-option3-primary-link-cookie-settings" instance-id="PKa1qa" data-ph-id="ph-widget-element-1631871688666-10"> <ppc-content key="gdpr-primary-link-text1" data-ph-at-id="link-text" instance-id="nHJb3f" data-ph-id="ph-widget-element-1631871688666-11"> Career Site Cookie Settings </ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-1631871688666-12"></i> </a> </div> </ppc-container> </div> </div> <div class="ph-card" card-name="ph-media-cc-view1" role="listitem" key-role="tPa6Ws-gdpr-cardListItemRole" instance-id="ykFTHW" data-ph-id="ph-widget-element-1631871688666-13"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1631871688666-14"> <ppc-container component-content-key="primary-action-link" class="ph-cc-d-m-b-0 element-center ph-icon-hide" data-ph-id="ph-widget-element-1631871688666-15"> <div class="link" data-ph-at-id="media-default-link" data-ph-id="ph-widget-element-1631871688666-16"> <a class="action-link ph-cc-d-p-t-20 ph-cc-d-p-r-20 ph-cc-d-p-b-20 ph-cc-d-p-l-20" key-ph-href="gdpr-ph-media-cc-view1-option3-primary-link-href2" title="" key-title="gdpr-ph-media-cc-view1-option3-primary-link-title-text2" aria-label="Personal Information" key-aria-label="gdpr-ph-media-cc-view1-option3-primary-link-aria-label-personal-info-text" ph-tevent="static_content_click" ph-href="emailpersonalinfo" target="_self" key-target="gdpr-ph-media-cc-view1-option3-primary-link-personal-information" instance-id="DSaGho" data-ph-id="ph-widget-element-1631871688666-17"> <ppc-content key="gdpr-primary-link-text2" data-ph-at-id="link-text" instance-id="vrJyVt" data-ph-id="ph-widget-element-1631871688666-18"> Personal Information </ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-1631871688666-19"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div> </div></div></section><section class="ppc-section ph-widget-disabled" theme="theme1" type="static" ph-module="gdpr" data-ph-id="Yq7NeE" view="1631871687808-media-cc-view1-option3" original-view="ph-media-cc-view1-option3" instance-id="INAe1k"><div data-widget="ph-html-v1" view="1631871687808-media-cc-view1-option3" original-view="ph-media-cc-view1-option3" type="static" theme="theme1" class="ph-media-cc-view1-option3-theme1 ph-widget-target" data-ph-id="gdpr-widget-element-ph-html-v1-1631871687806" instance-id="INAe1k" as-disabled="ph-html-v1"></div></section><section class="ph-widget ph-widget-layout ppc-section ph-widget-target" view="footer" type="static" instance-id="uwwl0l" data-ph-id="footer-uZOGQj" original-view="footer" as-element="footer" data-widget="footer"><div as-element="footer" data-widget="footer" view="footer" original-view="footer" type="static" instance-id="uwwl0l" theme="default" class="ph-widget-target footer-default" data-ph-id="ph-page-element-footer-uwwl0l-vuAaqL"> <footer id="footer" data-ph-id="ph-page-element-footer-uwwl0l-lKtLha"> <div class="footer-block ph-widget-box" data-ph-id="ph-page-element-footer-uwwl0l-Jq962x"> <div class="container" data-ph-id="ph-page-element-footer-uwwl0l-68CtFx"> <div class="top-block row" data-ph-id="ph-page-element-footer-uwwl0l-VQiTgd"> <!-- <div class="footer-logo col-md-6 col-sm-3 col-xs-12"> <ul> <li> <a ph-href="/" title="footer logo" key-title="footerTitleText" key-ph-href="footerLogoPathUlr" ph-tevent="logo_click" data-ph-tevent-attr-trait62="logo" data-ph-at-id="footer-logo"> <ppc-content type="image" aria-hidden="true"> <img ph-src="assets/images/footer-logo.png" class="img-responsive" key-src="footerLogoSrc" alt="footer logo" ke-alt="footerlogoKeyAlt"> </ppc-content> </a> </li> <li data-ph-at-id="footer-address-text"> <address> <p><ppc-content key="footerDesktGibraltarPrghOneAddressText1">200 Gibraltar Road</ppc-content></p> <p><ppc-content key="footerDesktGibraltarPrghOneAddressText2">Suite 315, Horsham, PA 19044</ppc-content></p> <p><ppc-content key="footerDesktGibraltarPrghOneAddressText3">TEL: 888-985-7755</ppc-content></p> </address> </li> </ul> </div> --> <div class="col-md-2 col-sm-3 col-xs-12 footer-nav-lists" data-ph-id="ph-page-element-footer-uwwl0l-qAkgph"> <ul data-ph-id="ph-page-element-footer-uwwl0l-yqaE7M"> <li data-ph-id="ph-page-element-footer-uwwl0l-9Q1s5s"> <div class="heading" data-ph-id="ph-page-element-footer-uwwl0l-7XpVBm"> <ppc-content key="footerStraumannGroupKey" data-ph-at-id="footer-headings" data-ph-id="ph-page-element-footer-uwwl0l-LDcIi0"> Straumann Group </ppc-content> </div> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-ds3Sf8"> <a href="https://www.straumann.com/group/en/home/about.html" key-href="footerCompanyUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Company" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-F7aiCZ"> <ppc-content key="footer-fCompanytext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Z4UQZ6"> Company </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-t3MKnW"> <a href="https://www.straumann.com/group/en/discover/annualreport/annual-report-2021.html" key-href="footerFactsAndFiguresUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="FactsAndFigures" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Mllfxg"> <ppc-content key="footer-fSFactsAndFiguresLinktext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-CEVPkN"> Facts & figures </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-sf4cFg"> <a href="https://www.straumann.com/group/en/home/about/our-business.html" key-href="footerOurBusinessLinkUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Our business" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-noq97v"> <ppc-content key="footer-fsOurBusinessText" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-DzyZkj"> Our business </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-iw7GoK"> <a href="https://www.straumann.com/group/en/home/about/worldwide-locations/location-finder.html" key-href="footerWorldwideLocationsUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Worldwide locations" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-zt3cjC"> <ppc-content key="footerWorldwideLocationsText" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-opT9xK" language-overriden="true">Locations</ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-A4DMeJ"> <a href="https://www.straumann.com/group/en/home/about/our-history.html" key-href="footerOurHistoryUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Our history" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Fugx37"> <ppc-content key="footer-fBenefitstext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-A7iZm0"> Our history </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-BRlKDC"> <a key-ph-href="footerOurCultureUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Our culture" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-bAiKmw" ph-href="/global/en/culture"> <ppc-content key="footer-fOurCulturetext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Ymg208" language-overriden="true">Our culture</ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-Lyl5Xs"> <a ph-href="http://jobs.straumann.com/" key-href="footerCareersUrl" ph-teent="footer_menu_click" data-tevent-attr-trait62="Careers" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-a9BlrT" href="https://careers.straumann.com/global/en"> <ppc-content key="footer-fCareerstext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-yIRj4l" language-overriden="true"> Careers </ppc-content> </a> </li> </ul> </div> <div class="col-md-2 col-sm-3 col-xs-12 footer-nav-lists highlight" data-ph-id="ph-page-element-footer-uwwl0l-x0X803"> <ul data-ph-id="ph-page-element-footer-uwwl0l-ZXY3zF"> <li data-ph-id="ph-page-element-footer-uwwl0l-y4XFle"> <div class="heading" data-ph-id="ph-page-element-footer-uwwl0l-xhSgq9"> <ppc-content key="footerGlobalBrandsKey" data-ph-at-id="footer-headings" data-ph-id="ph-page-element-footer-uwwl0l-hrnXMD"> Global Brands </ppc-content> </div> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-lfmhTg"> <a href="https://www.straumann.com/en/dental-professionals.html" key-href="footerStraumannUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Straumann" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-dJ8x1y"> <ppc-content key="footerStraumannKey" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-0ll0DX"> Straumann </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-r9cLzf"> <a href="https://www.straumann.com/group/en/home/about/our-brands-and-partners/global-brands/neodent.html" key-href="footerNeodentUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Neodent" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-8KngNR"> <ppc-content key="footer-fNeodenttext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Zx0ScJ"> Neodent </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-CNXcw0"> <a href="https://dentalwings.com/about-us/" key-href="footerMedentikaUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Medentika" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-KH0tqC"> <ppc-content key="footer-fMedentikaLinktext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-uBE7vo"> Medentika </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-QKG94H"> <a href="https://dentalwings.com/about-us/" key-href="footerMedentikaUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Medentika" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-b07UkK"> <ppc-content key="footer-fDentalWingsLinktext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-DTtHOt"> Dental Wings </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-3QTFYl"> <a href="https://www.straumann.com/clearcorrect/en/doctors.html" key-href="footerClearCorrectUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Clear Correct" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-cM6wrv"> <ppc-content key="footer-fClearCorrectLinktext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-ch3Lsx" language-overriden="true">ClearCorrect</ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-iryfWx"> <a href="https://www.straumann.com/anthogyr/en/home.html" key-href="footerAnthogyrUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Anthogyr" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-HBnwht"> <ppc-content key="footer-fAnthogyrLinktext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Ydlxxg"> Anthogyr </ppc-content> </a> </li> </ul> </div> <!-- <div class="col-md-2 col-sm-2 col-xs-12 footer-nav-lists highlight"> <ul ph-nav-ctr=""> <li> <a ph-href="search-results" key-ph-href="footerSearchJobUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Search Job" data-ph-at-id="footer-links"> <ppc-content key="footerDeskSearchJobKey" data-ph-at-id="footer-links"> Search Job </ppc-content> </a> </li> <li> <a ph-href="jointalentcommunity?applyType=JTC" key-ph-href="footerJointalentcommunityUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Talent Community" data-ph-at-id="footer-links"> <ppc-content key="fJointalentcommunitytext" data-ph-at-id="footer-links">Talent Community</ppc-content> </a> </li> <li ph-nav-item-type="blogs" ph-nav-item=""> <a ph-href="blog" key-ph-href="footerBlogUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Blog" data-ph-at-id="footer-links"> <ppc-content key="footerBlogLinktext" data-ph-at-id="footer-links">Blog</ppc-content> </a> </li> <li> <a ph-href="jobcart" key-ph-href="footerSavedJobsUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Saved Jobs" data-ph-at-id="footer-links"> <ppc-content key="footerSavedJobsLinktext" data-ph-at-id="footer-links">Saved Jobs</ppc-content> </a> </li> </ul> </div> --> </div> <div class="row" data-ph-id="ph-page-element-footer-uwwl0l-JoAPVO"> <div class="Stg col-md-6 col-sm-6 col-xs-6" data-ph-id="ph-page-element-footer-uwwl0l-xABn20"> </div> <div class="SocialIcons col-md-6 col-sm-6 col-xs-6" data-ph-id="ph-page-element-footer-uwwl0l-JEe1u3"> <ul data-ph-id="ph-page-element-footer-uwwl0l-1nllOL"> <li data-ph-id="ph-page-element-footer-uwwl0l-vSU1Tb"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="facebook" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="facebook" key-href="footerFacebookHref" href="https://www.facebook.com/profile.php?id=61562019778339" target="_blank" aria-label="facebook" key-aria-label="footerfacebook" class="facebook" data-ph-id="ph-page-element-footer-uwwl0l-RN5ZLf"> <i aria-hidden="true" class="icon icon-facebook" data-ph-id="ph-page-element-footer-uwwl0l-sgnfFj"></i> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-sJZBqI"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="linkedin" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="linkedin" key-href="footerLinkdinHref" href="https://www.linkedin.com/company/straumann-group/" target="_blank" aria-label="linkedin" key-aria-label="footerLinkedin" class="linkedin" data-ph-id="ph-page-element-footer-uwwl0l-mNk06E"> <i aria-hidden="true" class="icon icon-linkedin" data-ph-id="ph-page-element-footer-uwwl0l-919kCL"></i> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-Hq9pBP"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="twitter" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="twitter" key-href="footerTwitterHref" href="https://twitter.com/straumanngroup" target="_blank" aria-label="twitter" key-aria-label="footerTwitter" class="twitter" data-ph-id="ph-page-element-footer-uwwl0l-wfQmkN"> <i aria-hidden="true" class="icon icon-twitter" data-ph-id="ph-page-element-footer-uwwl0l-FmWkXX"></i> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-GyoNaG"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="instagram" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="instagram" key-href="footerInstagramHref" href="https://www.instagram.com/life_at_straumann_group/" target="_blank" aria-label="instagram" key-aria-label="footerinstagram" class="instagram" data-ph-id="ph-page-element-footer-uwwl0l-xeBjZ1"> <i aria-hidden="true" class="icon icon-instagram-2" data-ph-id="ph-page-element-footer-uwwl0l-KGs1QW"></i> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-Tt691P"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="youtube" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="youtube" key-href="footerYoutubeHref" href=" https://www.youtube.com/straumanngroup/" target="_blank" aria-label="youtube" key-aria-label="footeryoutube" class="youtube" data-ph-id="ph-page-element-footer-uwwl0l-vR9StT"> <i aria-hidden="true" class="icon icon-youtube" data-ph-id="ph-page-element-footer-uwwl0l-hkEzAL"></i> </a> </li> </ul> </div> </div> <div class="copy-right-block" data-ph-id="ph-page-element-footer-uwwl0l-lFnNwp"> <div class="copy-right-inner-block" data-ph-id="ph-page-element-footer-uwwl0l-cUuRbL"> <p class="col-md-6 col-sm-6 col-xs-12" data-ph-at-id="copyright-text" data-ph-id="ph-page-element-footer-uwwl0l-SLpHW1"> <ppc-content key="footerCopyrightContentFirstKey" data-ph-at-id="copyright-text" data-ph-id="ph-page-element-footer-uwwl0l-PlIBpk" language-overriden="true">© 2021 Institut Straumann AG</ppc-content> </p> <div class="copy-right-sub-block col-md-6 col-sm-6 col-xs-12" data-ph-id="ph-page-element-footer-uwwl0l-7uxyaj"> <ul data-ph-id="ph-page-element-footer-uwwl0l-qP9wRj"> <li data-ph-id="ph-page-element-footer-uwwl0l-7ZMM8I"> <a href="https://www.straumann.com/group/en/home/legal-notice.html" target="_blank" key-href="footer-legalNoticePathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Legal Notice" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-znkiHJ"> <ppc-content key="footer-fLegalNoticeLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-hSRgtg"> Legal Notice </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-b7TrOO"> <a href="https://www.straumann.com/group/en/home/imprint.html" target="_blank" key-href="footer-imprintPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Imprint" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-vJCqG9"> <ppc-content key="footer-fImprintLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-5wE9ib"> Imprint </ppc-content> </a> </li> < <!-- li> <a href="javascript:void(0)" target="_blank" key-href="siteMapPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Site Map" data-ph-at-id="footer-links"> <ppc-content key="fSiteMapLink" data-ph-at-id="footer-links">Site Map</ppc-content> </a> </li> --> </ul> </div> </div> </div> </div> </div> </footer> </div></section></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/en_global/desktop/assets/scripts/1573049705734-custom.js" data-ph-id="ph-page-element-page21-yk5rij" async="" nonce=""></script> <script id="platform_script_polyfill" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/minified.js"></script><script id="platform_script_vendor" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/vue.min-1.0_1636721870521.js"></script><script id="platform_script_common" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/common/pcs-common-v1.17_1713953061742.js"></script><script id="caas_bootstrapper" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/bootstrap/ph-platform-1.17_1711627640948.js" defer="" nonce=""> </script><script type="text/javascript">if(phApp) {phApp.viewsFromPage = true} else {var phApp = {"viewsFromPage":true}}</script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/en_global/desktop/page330-prod/caas-platform/page-views-1731502067776.js"></script></body> </html><div id='csrfToken' style='display:none'>c69c57441282491aa854f95edc4f48ac</div>