CINXE.COM
<!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page7-3VbzPM" class="desktop en_us terarecon"> <!--<![endif]--> <head data-ph-id="ph-page-element-page7-ltP6Up"><meta property="og:type" content="website" /><meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/images/Facebook-1717764301337.png" page-seo-overriden="true" /><meta property="og:site_name" content="TeraRecon" /><meta property="og:url" content="https://careers.concertai.com/terarecon/us/en/home" /><meta property="og:title" content="TeraRecon: Join Our Innovative Team Today" /><meta property="og:description" content="Join us at TeraRecon and be a part of a diverse and collaborative team, where you can grow, learn, and advance your career in a supportive work environment." /><meta property="og:image:width" content="200" /><meta property="og:image:height" content="200" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@TeraRecon" /><meta name="twitter:creator" content="@Careers - TeraRecon" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/images/Twitter1-1717764322549.png" page-seo-overriden="true" /><meta name="twitter:title" content="TeraRecon: Join Our Innovative Team Today" /><meta name="twitter:description" content="Join us at TeraRecon and be a part of a diverse and collaborative team, where you can grow, learn, and advance your career in a supportive work environment." /><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page7-EvjSvz" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page7-vCqTJE" /> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/en_us/desktop/assets/images/favicon.ico?v=1689846274052" rel="icon" data-ph-id="ph-page-element-page7-d1Wo0q" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/en_us/desktop/assets/images/h/apple-touch-icon.png" data-ph-id="ph-page-element-page7-1gIMT7" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/en_us/desktop/assets/images/m/apple-touch-icon.png" data-ph-id="ph-page-element-page7-ip4PIC" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/en_us/desktop/assets/images/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page7-5b0xf1" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/en_us/desktop/assets/images/l/apple-touch-icon.png" data-ph-id="ph-page-element-page7-8BTKFJ" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/en_us/desktop/assets/images/l/splash.png" data-ph-id="ph-page-element-page7-75eFcW" /> <script type="text/javascript" nonce="">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://careers.concertai.com/widgets","country":"us","deviceType":"desktop","locale":"en_us","absUrl":true,"refNum":"COQCONUS","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://careers.concertai.com/us/en/","baseDomain":"https://careers.concertai.com","phenomTrackURL":"careers.concertai.com/us/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://careers.concertai.com","pageId":"page7"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"thirdPartyLibraries":{"internal":["heap-analytics","open-replay"]},"phBridgeEvents":["job_click","apply_click","job_preview_click"],"imEagerLoadDdoList":[{"name":"getProfileStatus","cache":false},{"name":"getRegionLocales","cache":true},{"name":"getIMConfigurations","cache":true},{"name":"getClientReferFlow","cache":true},{"name":"imVariantsConfigInfo","cache":true},{"name":"mergedProfile","cache":false},{"name":"getProfileWeightage","cache":false},{"name":"masterFrequencyV1","cache":true},{"name":"userAlertSettings","cache":true},{"name":"fitScoreSettingsIM","cache":true},{"name":"employeeSearchConfig","cache":true},{"name":"getEmployeeProfile","cache":false},{"name":"getGroupInfo","cache":true},{"name":"getAppliedJobs","cache":true},{"name":"getProfileFieldsSettings","cache":true}],"ignoreCovidWidgetPagesList":["chatbot"],"uniqueEventSubsList":["getUserProfileData"],"smoothAnchorSettings":{"ignore":true},"embedScriptVersion":"0.9.4","isUrlLowerForSeo":false,"recommendedTrackingConfig":{"category":{"storageKey":"categories","ddoKeysToStore":["category"],"maxKeysToStore":"4"},"job":{"storageKey":"jobsViewed","ddoKeysToStore":["jobSeqNo"],"maxKeysToStore":"4"},"search-results":[{"storageKey":"keywords","ddoKeysToStore":["keywords"],"maxKeysToStore":"4"},{"storageKey":"locations","ddoKeysToStore":["location","field"],"maxKeysToStore":"4"}]},"debounceTimer":350,"eagerLoadDDOsToSkipLazyCalls":["apply"],"ignoreCookiePages":["chatbot"],"elementsToLoadByModule":{"videoAssessment":[{"tag":"link","attributes":{"href":"https://cdn.phenompeople.com/CareerConnectResources/common/video-platform/js/vs-master-theme-1726747262439.css","rel":"stylesheet","type":"text/css"}}],"automationEngine":[{"tag":"script","attributes":{"src":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/aeBootstrapper.js","type":"text/javascript"},"elementId":"aeBundle"}]},"globalManagedWidgetIds":["8b82bfdaafd4d8504005407db933c9a6"],"phwPxScrVerionUrl_bkp":"common/js/canvas/vendor/phw-px-hadlr-1.3.js","maps":{"google":{"apiScript":"https://maps.googleapis.com/maps/api/js","clusterJsScript":"markerclusterer-v1.js","gmapsInfoBoxScript":"gmaps-infobox-v1.js","phpppeak":"QUl6YVN5QnFNLXJXMHItc1I5UGVyTkF2dnNtemJCZW9GdTNZY3o4"},"mapbox":{"mapboxScript":"mapbox-gl.js","superClusterJsScript":"supercluster.min.js","phpppeak":"cGsuZXlKMUlqb2ljR2hsYm05dGNHVnZjR3hsSWl3aVlTSTZJbU5xYTNkcmVEVmtaREI0WVdFemFtOWhNWHAwZVdWcWJYZ2lmUS5NcG5hMUtJcVU4R2o2empQeTRpeWd3"},"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,"baseApiUrl":"https://api.mapbox.cn","phpppeak":"cGsuZXlKMUlqb2ljR2hsYm05dGNHVnZjR3hsSWl3aVlTSTZJbU5xYTNkcmVEVmtaREI0WVdFemFtOWhNWHAwZVdWcWJYZ2lmUS5TcmwyLXB3M3hEUmlseW1FakVvZWln"}},"otPrivacyPolicyScript":"https://assets.phenompeople.com/CareerConnectResources/pp/pcs/common/ot-priv-pol-2.0.js","ignoreLinkedInStateParam":false,"tokenConfiguredTenants":{"refNums":["RBCAA0088"]},"fetchBlogShareSettingsFromSiteconfig":false,"phwPxScrVerionUrl_bkp_new":"pcs/common/phw-px-hadlr.js","oneTrust":{"class":["ot-sdk-show-settings"]},"videoScreeningGlobalStyles":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/ph-vs-global-styles-v1.css","cdnConfig":{"cdnDdos":["fitScoreSettings","landingPageOverview","categoryContentV2","candidateProfileConfig","categoryMasterData","jobTagSettings","getBusinessRules","getMasterCategories","categoryMasterDataV2","caasFetchRawConfig","globalSearchConfig","categoryContent","siteBranding","blogsharewidgetsettings","audiencePxWidgetConfig","jobsharewidgetsettings","npsConfig","socialConnectOptions","getRegionLocales","jobLogoConfig","supportedLanguages","getMasterLocations","locationmapsettings","pxAudJobwidgetsettings","getRegionLocales","eventsharewidgetsettings","jobwidgetsettings","fyfConfig","getPiiConsentConfig","glassdoorReviews","masterFrequencyV1"],"cdnUrl":"https://content-us.phenompeople.com","pageNameLevelDdos":[],"pageIdlevelDdos":[]},"crawlerUserAgents":"Screaming Frog|googlebot|yahoo|bingbot|baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator|redditbot|Applebot|WhatsApp|flipboard|tumblr|bitlybot|SkypeUriPreview|nuzzel|Discordbot|Google Page Speed|Qwantify|pinterestbot|Custom|msnbot|DuckDuckBot|BingPreview|spider|MJ12bot|deepcrawl|Chrome-Lighthouse","siteSettings":{"glassdoor":{},"glassdoorReviews":{},"twitter":{},"refineSearch":{"enabledFacets":["category","country","state","city","type"],"facetDisplayNames":{"category":"Category","country":"Country","state":"State/Province","city":"City","type":"Job Type"},"facetPlaceholderNames":{"category":"Search in Category","country":"Search in Country","state":"Search in State/Province","city":"Search in City","type":"Search in Job Type"},"defaultFacetsToOpen":[]},"linkedIn":{"phpppeak":"752xe1cieo8utv"},"phpppegmak":"QUl6YVN5QVBvcWVMcFhYeDR0cWlXSE1ZSmtZNDJ5RFNfZjNnTkpz","oauth":{"linkedIn":{"phpppeak":"752xe1cieo8utv","clientId":"86kp7vauysmn4b","loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","redirectUri":"/socialAuth/li","response_type":"code","scope":"r_liteprofile r_emailaddress"},"indeed":{"clientId":"7de21eedc8684b0ebdde747ba353832135cbd9e426e7bdfe0e860d7d79972af6"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"1633947069976673","scope":"email public_profile","redirectUri":"/socialAuth/fb","response_type":"code"}},"gdpr":{"cookieTypeV1":"persistent","enabled":true,"cookieType":"persistent"}},"size":"10","refNum":"COQCONUS","siteVariant":"terarecon","iubenda":{"class":["iubenda-cs-preferences-link"],"attr":{"href":"javascript:_iub.cs.ui.openPreferences()"}},"isNativeEmailClientForBlog":true,"iscdnEnabled":true,"trackingConfig":{"ddoDataPath":{"jobDetail":"data.job"},"job_category_click":{"trait14":"key"},"job_category_search_click":{"trait14":"key"},"play_click":{"trait260":"videotype","videoId":"videoid"},"pause_click":{"trait260":"videotype","videoId":"videoid"},"similar_job_click":{"trait12":"jobSeqNo","related":{"ddo":[{"name":"jobDetail","data":{"trait5":"jobSeqNo","trait14":"category"}}]}},"linkedin_recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recently_viewed_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"next_click":{"trait254":"stepName","typedValue":"typedValue","selected_values":"selected_values"},"ddo_failure":{"trait254":"stepName","response":"response","ddoKey":"ddoKey"},"ddo_error":{"trait254":"stepName","error":"error","ddoKey":"ddoKey"},"skip_questions_click":{"trait254":"stepName"},"previous_click":{"trait254":"stepName"},"registration_submit":{"trait27":"email","trait15":"firstName","trait24":"phone"},"edit_profile_information":{},"resume_remove_click":{},"profile_questions_click":{},"resume_upload_click":{},"create_profile_click":{},"upload_new_file_click":{},"clear_text_click":{"trait6":"clearSearchValue"},"send_feedback_click":{"userFeedback":"userFeedback"},"submit_rating_click":{"userRating":"userRating"},"near_job_click":{"trait5":"jobSeqNo","trait14":"category"},"suggestions":{"stepName":"stepName","typed_values":"typed_values","selected_values":"selected_values"},"fyf_step_loaded":{"step":"step"},"fyf_options_closed":{},"favorite_job_click":{"trait5":"jobSeqNo","trait14":"category"},"job_added_to_jobcart":{"trait5":"jobSeqNo","trait14":"category"},"job_unfavorited":{"trait5":"jobSeqNo","trait14":"category"},"job_favorite_delete_click":{"trait5":"jobSeqNo","trait14":"category"},"type_ahead_search":{},"similar_job_see_more_click":{},"linkedin_login_click":{},"linkedin_logout_click":{},"view_all_glassdoor_reviews_click":{},"homepage_category_click":{"trait14":"key"},"category_click":{"trait14":"key"},"job_click":{"trait5":"jobSeqNo","trait14":"category"},"previous_job_click":{"trait5":"jobSeqNo"},"next_job_click":{"trait5":"jobSeqNo"},"linkedin_recommended_category_click":{"trait14":"category"},"back_to_search_results_click":{},"share_event":{"trait269":"eventScheduleId","trait213":"provider"},"blog_click":{"trait283":"url"},"blog_category_click":{"trait14":"categoryName"},"next_blog_click":{"trait283":"url"},"previous_blog_click":{"trait283":"url"},"blog_details_view":{"trait283":"blog"},"navigate_to_tweet_click":{"tweetUrl":"tweetUrl"},"fit_level_loaded":{"jobsFitLevel":"jobsFitLevel","totalJobs":"totalJobs","availableFitLevelCount":"availableFitLevelCount"},"smart_tags_loaded":{"smartJobTags":"smartJobTags","totalJobs":"totalJobs","availableJobTagCount":"availableJobTagCount"},"edit_role_click":{"trait13":"trait13"},"select_role_click":{"trait13":"trait13","trait260":"trait260"},"save_employee_info_click":{"trait62":"trait62"},"update_employee_info_click":{"trait62":"trait62"},"signIn_click":{"trait260":"trait260","userId":"userName"},"signUp_click":{"trait260":"trait260","userId":"userName"},"reset_password_click":{"trait260":"trait260","userId":"userName"},"create_password_click":{"trait260":"trait260","type":"type"},"app_download_click":{"trait260":"appName","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_decline_click":{"trait5":"videoScreenId","trait14":"category","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_accept_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"accept_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"reject_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_record_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_submit_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_retake_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_continue_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_review_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"submit_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"export_videos_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"restart_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_now_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"continue_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"contact_recruiter_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"agree_click":{"videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"submit_feedback_click":{"rating":"rating","feedback":"feedback","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"video-upload-error":{"url":"url","status":"status","questionId":"questionId","response":"response"},"apply_thank_you_loaded":{"hvhConfig":"hvhConfig"},"hvh_asset_initiated":{"thankYouUri":"thankYouUri"},"hvh_asset_res":{"res":"res"}},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"audPxConfig":{"newVersion":"4.0","oldVersion":"2.0"},"navMenuItems":["candidateHome"],"cdnCaasContentEnabled":true,"candidateHome":true,"cdnCaasContentUrl":"https://content-us.phenompeople.com/api/content-delivery/caasContentV1","navMenuItemsData":{"blogs":{"url":"https://careers.concertai.com/us/en/blog"},"events":{"url":"https://careers.concertai.com/us/en/events"}}},"imageLoadType":{"desktop":"progressive","mobile":"lazy"},"resumableUploadConfig":{"chunkSize":"1","simultaneousUploads":"1","allowedVideoFormats":["mp4","m4p","m4v","mov","qt","avi","wmv","webm","mpg","mpeg"]},"locale":"en_us","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"pcs/common/phw-px-hadlr.1728044004391.js","vendorScripts":{"jquery":"jquery-3.6.1.min.js","jqueryMigrate":"jquery-migrate.min-1.1.js","plyrScript":"plyr-3.7.8.js","plyrStyle":"plyr-3.7.8_1.css","videojs-wavesurfer":"videojs-wavesurfer_3.9.0.js","wavesurfer":"wavesurfer_6.6.4.min.js","wavesurfer-microphone":"wavesurfer.microphone.min_6.6.4.js","mediaInfo":"mediainfo_0.1.9.min.js"},"globalSearchFeature":{"v1":{"ignoreChunck":true,"locationType":"cityStateCountry","dataMode":"loc-cat","override":{"dataMode":true,"locationType":true}},"mobileSearch":false},"isNewEventLocationSearch":true,"phwPxScrVerionUrl_1":"prod/pcs/common/phw-px-hadlr-1728036837721.js","widgetScriptsConfig":{"cdnBaseUrl":"https://pp-cdn.phenompeople.com","widgetScriptPath":"CareerConnectResources/pp/agWidgets"},"ally":{"layerEnabled":true,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.19.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content, .ae-skipto-main"},"reorderCookie":true,"userAgent":"AudioEye"},"pxScrVerionUrl":"common/js/vendor/ph-px-hadlr-1.15.js","videoAssessmentPagesList":["video-assessment-landing-page","video-assessment-recording","video-assessment-thankyou","interview-landing-page","interview-recording","interview-thankyou","video assessment landing page","video assessment recording","video assessment thankyou","interview landing page","interview recording","interview thankyou","screening-welcome","screening-answering","screening-thankyou"],"oauth":{"indeed":{"clientId":"7de21eedc8684b0ebdde747ba353832135cbd9e426e7bdfe0e860d7d79972af6"},"xing":{"clientId":"c3bdfb74291c0e358e89"},"linkedIn":{"phpppeak":"752xe1cieo8utv","clientId":"86kp7vauysmn4b","loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","redirectUri":"/socialAuth/li","response_type":"code","scope":"r_liteprofile r_emailaddress"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"google-signin":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/iauth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"1633947069976673","scope":"email public_profile","redirectUri":"/socialAuth/fb","response_type":"code"}},"phpppecak":{},"pageNameMap":{"404":"404_page_view","home":"home_page_view","category":"job_category_page_view","job":"job_details_view","search-results":"search_result_page_view","apply":"apply_page_view","glassdoorReviews":"glassdoor_reviews_page_view","jobcart":"favorites_page_view","jointalentcommunity":"jtc_page_view","featuredOpportunities":"job_category_page_view","businessUnit":"job_category_page_view","event":"event_details_view","events":"event_results_page_view","saved-jobs":"favorites_page_view","blogarticle":"blog_details_page","video-assessment-landing-page":"video_assessment_landing_page_view","video-assessment-recording":"video_assessment_recording_page_view","video-assessment-thankyou":"video_assessment_thankyou_page_view","interview-landing-page":"interview_landing_page_view","interview-recording":"interview_recording_page_view","interview-thankyou":"interview_thankyou_page_view","screening-welcome":"screening_welcome_page_view","screening-answering":"screening_answering_page_view","screening-outro":"screening_thankyou_page_view"},"blogsharewidgetsettings":{"options":[{"name":"whatsapp","order":0,"baseUrl":"https://api.whatsapp.com/send?&text=","eventName":"Share_whatsapp","settings":{"icon":"icon-whatsapp-1","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true},{"name":"linkedin","order":1,"baseUrl":"https://www.linkedin.com/shareArticle?mini=true&url=","eventName":"share_blog","settings":{"icon":"icon-linkedin-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":3,"baseUrl":"https://facebook.com/sharer.php?u=","eventName":"share_blog","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":0,"baseUrl":"https://twitter.com/share?url=","eventName":"share_blog","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":6,"baseUrl":"","eventName":"share_blog","settings":{"icon":"icon-email-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"brandStyle":true,"widgetStyle":"style3","isInline":true,"size":"16","spacing":"21","color":"#fff","backgroundColor":"#ggg","height":"34","width":"34","line-height":"30","lineHeight":"30","borderWidth":"1","borderStyle":"solid","borderColor":"transparent","borderRadius":"100","locale":"en_us","siteVariant":"external"},"botEnabled":false,"kalturaConfig":{"partnerId":"2716851","playerId":"45245971"},"mapBoxGlScript":"mapbox-gl-v1.1.0.js","urlMap":{"home":"home","category":"c/:category","job":"job/:jobId/:title","service":"service/:jobId/:title","jobcart":"jobcart","search-results":"search-results","glassdoor-reviews":"glassdoor-reviews","event":"event/:eventScheduleId/:title","events":"events","talentcommunity":"talentcommunity","talentcommunityupdate":"talentcommunityupdate","blogarticle":"blogarticle/:url","jobalert":"jobalert","employee-profile":"employeeprofile","editprofile":"editprofile","businessUnit":":url","featuredOpportunities":":url","di_about":"di/about/:groupId","di_details":"di/details/:groupId","di_events":"di/events/:groupId","di_groups":"di/groups","di_highlights":"di/highlights/:groupId","di_jobs":"di/jobs/:groupId","di_members":"di/members/:groupId","referrals_candidate":"referrals/candidate","referrals_referredcandidates":"referrals/referredcandidates","referrals_friendsinterests":"referrals/friendsinterests","referrals_home":"referrals/home","referrals_candidatesuniversity":"referrals/candidatescompany","employees_home":"employees/home","lms_courses":"lms/courses","lms_savedcourses":"lms/savedcourses","gigs_details":"gigs/details/:gigId","gigs_searchresults":"gigs/searchresults","nla_home":"nla/home","nla_search":"nla/search","gigs_manage":"gigs/manage","gigs_applications":"gigs/applications","gigs_applicants":"gigs/applicants/:gigId","events_event":"events/event/:eventScheduleId/:title","events_home":"events/home","my-profile":"myprofile","cp_createpath":"cp/createpath","cp_home":"cp/home","cp_explore":"cp/explore","mentoring_relationship":"mentoring/relationship/:mentorshipId","mentoring_mentees":"mentoring/mentees","mentoring_mentors":"mentoring/mentors","mentoring_searchresults":"mentoring/searchresults","settings":"settings","story":"story/:contentId/:title","video-assessment-landing-page":"video-assessment-landing-page","video-assessment-recording":"video-assessment-recording","video-assessment-thankyou":"video-assessment-thankyou","forwardApply":"hvhapply","interview-landing-page":"interview-landing-page","interview-recording":"interview-recording","interview-thankyou":"interview-thankyou","roles_details":"roles/details/:jobCode/:jobTitle","roles_search-results":"roles/searchresults","screening-welcome":"screening-welcome","screening-answering":"screening-answering","screening-thankyou":"screening-thankyou"},"categoryUrlMap":{"COQCONUS_RWD_E":"c/rwde-jobs","COQCONUS_Student_Programs":"c/student-programs-jobs","COQCONUS_Real_World_Evidence":"c/real-world-evidence-jobs","DEMOUS_Frontline_Professionals":"c/frontline-professionals-jobs","DEMOUS_implementation":"c/implementation-jobs","DEMOUS_human_resources":"c/human-resources-jobs","COQCONUS_Digital_Trial_Solutions":"c/digital-trial-solutions-jobs","COQCONUS_General_Application":"c/general-application-jobs","COQCONUS_Corporate":"c/corporate-jobs","COQCONUS_Other":"c/other-jobs","COQCONUS_Patient_Solutions":"c/patient-solutions-jobs","DEMOUS_other":"c/other-jobs","COQCONUS_TeraRecon":"c/terarecon-jobs","DEMOUS_engineering":"c/engineering-jobs","DEMOUS_data_science_machine_learning":"c/data-science-machine-learning-jobs","DEMOUS_customer_services":"c/customer-services-jobs","COQCONUS_Tech":"c/tech-jobs","DEMOUS_information_technology":"c/information-technology-jobs","DEMOUS_product":"c/product-jobs","DEMOUS_finance":"c/finance-jobs","DEMOUS_sales":"c/sales-jobs"},"isNativeEmailClient":true,"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"},"automationEnginePagesList":["hvh-apply2","hvh apply","hvh apply2","hvhapply","hvh-apply","schedule-slot"]},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-candidate-login-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1713343704873.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-footer-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-footer-v1/pcs-footer-v1-1617347029398.js","pcs-social-connect-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1718280248289.js","pcs-header-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-header-v1/pcs-header-v1-1718969442490.js","pcs-menu-list-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-menu-list-v1/pcs-menu-list-v1-1710917512987.js","pcs-job-cart-count-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-job-cart-count-v1/pcs-job-cart-count-v1-1652708896808.js","pcs-language-selector-v2":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-language-selector-v2/pcs-language-selector-v2-1714483631689.js"},"reqData":null},"jobwidgetsettings":{"status":"success","errorCode":null,"errorMsg":null,"data":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-career-level-7","displayType":"modal"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-flag"},"checked":true},{"name":"type","display_name":"Type","settings":{"label":false,"icon":"icon-job-type"},"checked":true},{"name":"workOfficeStatus","display_name":"Work Office Status","settings":{"label":false,"icon":"icon-remote"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}],"widgets":{"ph-job-cart-v2":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":""},"checked":true},{"name":"multi_category","display_name":"Multi Category","settings":{"label":false,"icon":""},"checked":true},{"name":"country","display_name":"country","settings":{"label":false,"icon":""},"checked":true}]},"ph-similar-jobs-v2":{"fields":[{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":""},"checked":true}]},"ph-job-cart-v3":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":""},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-career-level-7","displayType":"modal"},"checked":true},{"name":"multi_category","display_name":"Multi Category","settings":{"label":false,"icon":""},"checked":true}],"actions":[{"name":"removeFromCart","display_name":"Remove Job","settings":{"label":false,"icon":"icon-delete-3"},"checked":true}]},"ph-job-details-v1":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-career-level-7","displayType":"modal"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-flag"},"checked":true},{"name":"type","display_name":"Type","settings":{"label":false,"icon":"icon-job-type"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true},{"name":"workOfficeStatus","display_name":"Work Office Status","settings":{"label":false,"icon":"icon-remote"},"checked":true}],"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":false,"icon":"icon-star-empty","activeicon":"icon-star"},"checked":true}]},"ph-search-results-v2":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-career-level-7","displayType":"modal"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-flag"},"checked":true},{"name":"type","display_name":"Type","settings":{"label":false,"icon":"icon-job-type"},"checked":true},{"name":"workOfficeStatus","display_name":"Work Office Status","settings":{"label":false,"icon":"icon-remote"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}],"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":true,"icon":"icon-star-empty","activeicon":"icon-star"},"checked":true}]},"ph-profile-recommendations-v2":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-career-level-7","displayType":"modal"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-flag"},"checked":true},{"name":"type","display_name":"Type","settings":{"label":false,"icon":"icon-job-type"},"checked":true},{"name":"workOfficeStatus","display_name":"Work Office Status","settings":{"label":false,"icon":"icon-remote"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}],"actions":[]},"ph-people-also-viewed-v2":{"fields":[{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-location-9","displayType":"modal"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-career-level-7"},"checked":true}]},"ph-my-applications-v1":{"fields":[{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-career-level-7","displayType":"modal"},"checked":true},{"name":"multi_category","display_name":"Multi Category","settings":{"label":false,"icon":"icon-career-level-7","displayType":""},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"icon-map-pin"},"checked":true}]},"pcs-job-details-v1":{"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":true,"icon":"icon-star-empty","activeicon":"icon-star"},"checked":true}]}},"actions":[]},"reqData":null},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["jobwidgetsettings","siteConfig","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"c1513be76a1547daa3185c305473a78c","phProfileId":"cf4a3d9a-af3b-4f6d-95b5-414fd40605ae","pxPageState":"stranger","jdsource":""}; /*-->*/</script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><meta charset="UTF-8" /><meta content="en" /><meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="canonical" href="https://careers.concertai.com/terarecon/us/en/home" /><meta name="description" content="Join us at TeraRecon and be a part of a diverse and collaborative team, where you can grow, learn, and advance your career in a supportive work environment." key-description="terarecon-default-home-description" /><meta name="keywords" content="TeraRecon, job seekers, terarecon, ai technologies, volunteer work" key-keywords="terarecon-default-home-keywords" /><link rel="alternate" href="https://careers.concertai.com/us/en/" hreflang="en-us" data-seo="1" data-ddo="" /><meta property="fb:admins" content="" /><title data-ph-id="ph-page-element-page7-s6MUkD" key="terarecon-default-home-title">TeraRecon: Join Our Innovative Team Today</title> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-basic-4.35.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.96.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.96.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/en_us/desktop/page56/ph-page-page56-1718190500887.js" defer="" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-loader-4.25.js" defer="" platform_id="platform_loader" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/appConfig/ph-app-config-1.14.js" defer="" platform_id="platform_phAppConfigJs" nonce=""></script> <script type="text/x-ph-tmpl" id="ph-geo-location-v1-1582207830511-default" nonce=""></script><script type="text/x-ph-tmpl" id="ph-recom-jobs-browsing-history-v3-default-1622923084713" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page7-BcnJvo"></div> <div class="phs-widget-block-area testing-class ph-widget-box" role="region" aria-label="JOBS BASED ON YOUR BROWSING HISTORY" key-aria-label="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-o08t22" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page7-llriWH"> <div class="widget-container" data-ph-id="ph-page-element-page7-aWbvWa"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-WNX6Yc"> <h2 data-ph-id="ph-page-element-page7-QiOurL"> <ppc-content key="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-o5bfde" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page7-hzg5Pf">JOBS BASED ON YOUR BROWSING HISTORY</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page7-km5tHX"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page7-LWgpuT"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page7-cYlZsN"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="cHI8PW" data-ph-id="ph-page-element-page7-ZEBg1f"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-NbOHPS"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-3jfyu7"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page7-1n6LBH" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page7-Uuj8yK"> <div class="information" data-ph-id="ph-page-element-page7-sRnpOj"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page7-Gf1SjJ"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-oWZ23G"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-uxnvSJ"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page7-IxsecU" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page7-gSg4Xm"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-dVQFX5"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-GMaIsl"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-DvwzYD"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-oyKTLu">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-Qg4aj3"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page7-etoDyh"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page7-xKtcsc"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-cmdFXf"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-YbimBG">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-58pPlz" aria-level="3" key-aria-level="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-kkYxyh" instance-id="cHI8PW-Yf3bzk" data-ph-id="ph-page-element-page7-n7roXI"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-qkJWpE"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page7-2g7PzX"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-yOu5Pl">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-41QgcD"></i> <span data-ph-id="ph-page-element-page7-5TqmoG">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-BURcoZ"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page7-LO6vjQ"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-Wliei3"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-jxjj41">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-nh6WIf"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-uc9my5">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-nsncA4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-lK1UkO">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-suYgiF"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-J2DM2T">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-xMzciI"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-DZ8TAf">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-L7HlCL"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-Z6hm2R"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-wWAQUb"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-M8o4sp"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-Q8K8yj">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-A6xqVM"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-x9g2Yi">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-XtuCEU"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-PqY4w7">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-D776wc"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-wFj42h">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-IeKQs6"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-dH1fgu">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-o6fnkx"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-GEX6ij"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-TZbK2r"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-3g2qK0">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-0YKskq"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-pGYIS5"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-Tptb2b"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-KPjeb0">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-Svu5hu">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-fdHgkt"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-MNLvr5">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-4cdDKj">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-3Sh0uD">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-Tne4Jf">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-z6GkYf">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-8ZaK2J"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page7-Og6keA"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page7-kVMLT9"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page7-8buuka"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-WgtfBA"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-zGKL3v"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-bZA6Ou"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-ABv6W0">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-Zuw7DW"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-czpwWU">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page7-5JBjOz"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page7-ZQ5W5T"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-za1aEC"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-aPIp6z"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-x2DRqA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-Y0SOP3">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-GrC1PV"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-bhGZWJ">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-xhckjb"> <span class="sr-only" data-ph-id="ph-page-element-page7-Rv5VvL">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-s9MCMU"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-cEIByM">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-dEjMTF">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-ZBhn8b">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-JPHIwZ">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-08k1x9">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-x5cTbX"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-PcL2Uu">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-KAdYXB"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-NUf7aE"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-M0XDgT"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-GIgKXZ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-hayOiX">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-63YKrF"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-4fD0DB">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-wQoRgn"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-GcdMTi">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-IaIqoh"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-phHr7x">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-5C7wJK"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-BFyGqS">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-laG53B"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-BsOjeR"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-ABAGCP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-ID3pjD">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-79FF8t"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-Yq3K6l"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-rkAfUU"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-pswOM9"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-mjnZjN" 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="cHI8PW-uYYIVr" data-ph-id="ph-page-element-page7-8nV6fA"> <span data-ph-id="ph-page-element-page7-N4j9Cu"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-fvWne5"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-RPfSBa"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page7-xqKbDJ"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-Z5mdJ7"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-STtUb0">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page7-Kju2PP">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-Kee9cc"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-9oz3u5">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-p8OOpC">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-c2rDDy">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-7SzcuP">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-sEkti9">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-JCA5gb"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-MO1oOT"> <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="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-I4lkKF" 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="cHI8PW-76Xch9" data-ph-id="ph-page-element-page7-NlY9eA"> <span data-ph-id="ph-page-element-page7-fJ7Jyk"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-x3VtRs"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-ynxdak"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page7-9mUx0G"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page7-SC4cCh"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page7-10TvpO"> <span data-ph-id="ph-page-element-page7-wIhU6v"> <span class="sr-only" data-ph-id="ph-page-element-page7-OCt1Vb"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page7-Z7pkj8">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page7-0W1bRw">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-AbZb8J">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-7Wc8tg">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page7-sBPBqd">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page7-cnxZAY">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page7-w20M8r"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page7-Lkudqv"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-sKOdTe"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page7-Wde7A7"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page7-AlF0vm"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-oXpgSq"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-SfHT9I"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-n4Dw0z"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-FuJHdt">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page7-ivOTo3"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page7-sEAUWD"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page7-hu2g7t"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-wts0r2"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-fj36eO"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page7-avhQjn">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-OrZQ4s"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page7-4rotNL"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page7-qlYcEi"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-XTAe65"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page7-AePHpO"> <ppc-content key="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-6BumdC" data-ph-at-id="share-job-button-text" instance-id="cHI8PW-VXadTh" data-ph-id="ph-page-element-page7-GLZZuC">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-UYlHyV"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page7-4zc9hQ" view="1622923084692-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1664207628131" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page7-PNHW1L"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page7-i3d4eG"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page7-qWKkGf"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page7-KyKotq"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page7-rBNIht" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page7-yA0wpc"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-pMLF19"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-czZmRO"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-nR86hH">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page7-OyHWcq"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-fZWr6t"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-6whd9K"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-8URINl">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page7-CVUgUH"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-CbjXCA"> <span class="sr-only" data-ph-id="ph-page-element-page7-guNMjs">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-gimSBj"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page7-I7oOCS"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-bgpCsB"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-z1iZdS"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-Umnnrg"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-bDuNLA"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-Zs27UJ" instance-id="cHI8PW-w1s37t" data-ph-id="ph-page-element-page7-Wfzmyc"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-FS9mG1"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-2Gplvh"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-LqES2L" key-aria-level="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-tpIOZB" instance-id="cHI8PW-mrOQsQ" data-ph-id="ph-page-element-page7-CCz91O"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-SY4jkQ"> <div class="job-location-count" data-ph-id="ph-page-element-page7-QMmGxz"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-5DOToj"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-TZX1sa"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page7-hf2AvK"> <span data-ph-id="ph-page-element-page7-2r6vAH"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page7-bpjb6a"></i> </span> <span data-ph-id="ph-page-element-page7-IaCjm0"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page7-Rn09LC"> <span class="sr-only" data-ph-id="ph-page-element-page7-jruUiC">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-TaV6ev"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-zh5LxE">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-NnZi8U">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-fricnY">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-90IvAX">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-tAjwNX"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-Fi6Wue"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-mqmIP4"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-tyOVCQ"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-2aF7OG"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-UUATT9" instance-id="cHI8PW-jFpdYb" data-ph-id="ph-page-element-page7-ZPIxIl"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-v21yy1"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-Vft0ea"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-ImysQf" key-aria-level="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-RCW4Oa" instance-id="cHI8PW-5I9GYS" data-ph-id="ph-page-element-page7-Yhhk1B"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-JPSxw5"> <div class="job-location-count" data-ph-id="ph-page-element-page7-nxOqIH"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-tIYw81"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-12FRya"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page7-Ygkzn3"> <span data-ph-id="ph-page-element-page7-iU5poS"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page7-ENqr7U"></i> </span> <span data-ph-id="ph-page-element-page7-tZDLPZ"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page7-fELyHN"> <div aria-atomic="true" aria-live="assertive" instance-id="eObFUn" data-ph-id="ph-page-element-page7-s5TXvB"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-HvLvlb" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-h7sFHl" data-ph-at-id="seemore-link" role="button" key-role="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-T92EmL" instance-id="eObFUn-U0PBha" data-ph-id="ph-page-element-page7-3V82NP"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page7-eRPg21"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-SuEfPY"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-DdGSwd" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-EYTnC3" data-ph-at-id="seeless-link" role="button" key-role="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-jt6dkB" instance-id="eObFUn-ZlOH7f" data-ph-id="ph-page-element-page7-3WRMbV"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page7-08Qdpl"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-BncnMn"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-quigut" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-rbuFh5" data-ph-at-id="seenext-link" role="button" key-role="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-yZ01gd" instance-id="eObFUn-6XTZ4X" data-ph-id="ph-page-element-page7-BuvXT5"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page7-VojZYB"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-9DDuLg"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-hAagYE" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-mqk4JT" data-ph-at-id="seeevenmore-link" role="button" key-role="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-k1qYhW" instance-id="eObFUn-eB9LQc" data-ph-id="ph-page-element-page7-Qb3BHR"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page7-1FeFpH"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-wrrgrc"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page7-qQ5ujN"> <p data-ph-id="ph-page-element-page7-d0QZSk"> <ppc-content key="page56-ph-recom-jobs-browsing-history-v3-default-23c11d-XGxg4y" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-kDj1QP"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recently-viewed-jobs-v3-default-1622923135840" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page7-zVQ8vL"></div> <div class="phs-widget-block-area ph-widget-box" show.bind="!showLoader && jobResults.length" role="region" aria-label="Recently Viewed Jobs" key-aria-label="page56-ph-recently-viewed-jobs-v3-default-81a3gk-t6eT2O" data-ph-id="ph-page-element-page7-ry0GjO"> <div class="widget-container" data-ph-id="ph-page-element-page7-Mndsc2"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-rWBPnX"> <h2 data-ph-id="ph-page-element-page7-DozTAk"> <ppc-content key="page56-ph-recently-viewed-jobs-v3-default-81a3gk-KOBlXv" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page7-VKDKtS">Recently Viewed Jobs</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page7-DtOkai"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page7-jR41L5"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page7-IfXuh5"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="DzsjMe" data-ph-id="ph-page-element-page7-lDWZOu"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-74mnfJ"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-ko7HDX"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page7-ExubpN" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page7-SuEHsJ"> <div class="information" data-ph-id="ph-page-element-page7-Xkr1xm"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page7-XHJI5h"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-cIAmcT"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-2C13EV"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page7-qTd7TT" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page7-3cResL"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-ZVZy9r"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-rZSn4k"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-OSdXR9"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-cGYFd9">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-dgoJbm"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page7-j9Du0Z"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page7-YVahvE"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-g3oUGq"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-zvWAHp">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="page56-ph-recently-viewed-jobs-v3-default-81a3gk-g7Wxqv" aria-level="3" key-aria-level="page56-ph-recently-viewed-jobs-v3-default-81a3gk-2BkzAs" instance-id="DzsjMe-6Ap8nU" data-ph-id="ph-page-element-page7-E7knOM"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-YZ6NS5"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page7-WGPbJ5"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-lsl2Ri">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-r1bvay"></i> <span data-ph-id="ph-page-element-page7-Tk02Fg">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-0cBF6g"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page7-h8VGg8"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-uv7igE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-AW14jR">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-gFbH0b"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-rfJcvI">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-3QHrbP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-niXBMb">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-kXM5nr"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-gRj0j7">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-TQE9SW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-xSXQYP">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-bPWTcE"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-87Uvs6"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-iaIoQQ"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-8p4wlb"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-JbvUbC">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-i4FI2d"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-uwrt2t">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-I3dCh5"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-bRLrsj">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-hluQRw"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-CgObf4">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-2sKRi5"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-g8zYVR">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-VCdkN5"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-fDmIhg"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-RSAb4t"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-odLl8v">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-BHqx3j"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-VQVN7K"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-qInWWM"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-D9Nyr4">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-TTRoW6">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-2FNFm5"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-pYBjE4">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-vYJLPu">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-J6ecy4">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-NsYioJ">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-aIS1gz">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-sUAwNR"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page7-eV47Bq"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page7-8iubPX"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page7-DKJVFK"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-hI789k"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-pEc9SO"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-HQbkrI"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-lzWpIG">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-HYV6d2"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-35RBbP">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page7-mAPEs5"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page7-weamsU"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-Te23TR"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-69A5tg"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-6FUVYd"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-Vdm5H3">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-wfc8BE"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-vegrnf">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-A4jPBP"> <span class="sr-only" data-ph-id="ph-page-element-page7-QAhg2X">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-y7hHOg"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-HXjBZs">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-SU2C3G">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-8U7CfD">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-ToVEc5">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-B1On8f">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-BlhL8J"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-OJHsYB">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-bEnsn4"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-JrhKTR"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-bZ9yV2"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-KzQfo6"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-v73jSX">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-Jw9B8R"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-DnFYp5">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-fJ4rSC"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-pTRDCW">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-7E8oMl"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-zDAYdG">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-rSbsEX"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-ZEXBt7">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-NLHSbw"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-buz6dH"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-vD8ueX"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-U6Oohw">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-MECgd6"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-uiT2JO"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-2J6yJw"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-xI34C4"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="page56-ph-recently-viewed-jobs-v3-default-81a3gk-Oa7Gon" 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="DzsjMe-KloDCW" data-ph-id="ph-page-element-page7-b7rDHv"> <span data-ph-id="ph-page-element-page7-KqoGDl"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-kE70JA"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-48FUXH"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page7-FDjDxV"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-bzzPyB"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-vVB4m1">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page7-hMxTX1">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-W6gMFh"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-sU2HqF">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-acPQGr">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-vTCpy2">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-WCM31A">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-aYNWW8">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-EBqD7j"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-ffe1tc"> <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="page56-ph-recently-viewed-jobs-v3-default-81a3gk-Etp1sK" 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="DzsjMe-hU8UKQ" data-ph-id="ph-page-element-page7-j12Dhx"> <span data-ph-id="ph-page-element-page7-GdGklL"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-QdTBSv"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-ALft1l"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page7-sFfOL4"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page7-loaUzJ"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page7-b1ROEr"> <span data-ph-id="ph-page-element-page7-avo7dl"> <span class="sr-only" data-ph-id="ph-page-element-page7-FhK3KW"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page7-TtQEJ4">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page7-JacMUM">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-6KWpIq">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-UNDQ2G">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page7-Y8Y3Vv">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page7-kZ3xIv">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page7-rFL0iV"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page7-sk6Ph4"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-1fsn2O"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page7-Kr7SkF"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page7-3dggYE"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-2khUVk"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-vXyv9H"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-4LKdYW"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-BSK3zP">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page7-USIVkM"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page7-mrEwWD"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page7-BZ5xeo"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-TKQ9XN"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-XUcPTR"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page7-c0Ewp6">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-AUZgPn"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page7-eyMDmW"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page7-HXCNuy"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-6uced5"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page7-4FWRKo"> <ppc-content key="page56-ph-recently-viewed-jobs-v3-default-81a3gk-GhNj6I" data-ph-at-id="share-job-button-text" instance-id="DzsjMe-sbJJfn" data-ph-id="ph-page-element-page7-xGqDw7">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-gvCE6m"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page7-vLYJhn" view="1622923135821-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1664207628286" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page7-SuhLas"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page7-EtQBs6"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page7-Y2pTDJ"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page7-QKlkid"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page7-gj9S8U" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page7-SQkRkg"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-bZrzsR"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-W0Ptx6"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-R15bSy">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page7-4bYkRK"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-zCR6qF"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-j07pH1"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-K0mdKj">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page7-9wMJy7"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-5qyOYV"> <span class="sr-only" data-ph-id="ph-page-element-page7-vwvqiK">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-CbbUki"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page7-DuIswu"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-3stUJj"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-k8mPwe"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-MjAj4O"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-OyxAR6"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="page56-ph-recently-viewed-jobs-v3-default-81a3gk-twpULs" instance-id="DzsjMe-YmKUBp" data-ph-id="ph-page-element-page7-xwWWXX"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-hYQW5k"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-0bFDCX"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="page56-ph-recently-viewed-jobs-v3-default-81a3gk-yyYTOW" key-aria-level="page56-ph-recently-viewed-jobs-v3-default-81a3gk-a2BoLI" instance-id="DzsjMe-6GA7xu" data-ph-id="ph-page-element-page7-f1T2Fi"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-4OJHZM"> <div class="job-location-count" data-ph-id="ph-page-element-page7-IGtrg8"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-DjvBwp"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-wgCz8i"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page7-ZpnJK0"> <span data-ph-id="ph-page-element-page7-K50gn0"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page7-ecle1R"></i> </span> <span data-ph-id="ph-page-element-page7-uiRUaL"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page7-nXZ7lq"> <span class="sr-only" data-ph-id="ph-page-element-page7-41ssot">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-I598A1"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-EvRUxu">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-jfh5qe">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-y18h0j">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-SbnBsN">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-7P7oiK"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-H7zjUm"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-8OU7JG"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-76Ext9"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-d1hptS"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="page56-ph-recently-viewed-jobs-v3-default-81a3gk-7ISBkH" instance-id="DzsjMe-jRxmlq" data-ph-id="ph-page-element-page7-SzgQna"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-oK9FTT"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-TawQSn"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="page56-ph-recently-viewed-jobs-v3-default-81a3gk-8675Wm" key-aria-level="page56-ph-recently-viewed-jobs-v3-default-81a3gk-K55lYM" instance-id="DzsjMe-MOkA0o" data-ph-id="ph-page-element-page7-r5cUdu"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-pGHczg"> <div class="job-location-count" data-ph-id="ph-page-element-page7-q7SLQd"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-1QrP04"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-oHN88a"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page7-3TZ4bd"> <span data-ph-id="ph-page-element-page7-dqqyZ5"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page7-ZUguMu"></i> </span> <span data-ph-id="ph-page-element-page7-4jL4qh"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page7-X0ZYZ5"> <div aria-atomic="true" aria-live="assertive" instance-id="uTMO3I" data-ph-id="ph-page-element-page7-JMal1F"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="page56-ph-recently-viewed-jobs-v3-default-81a3gk-gAEYI8" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="page56-ph-recently-viewed-jobs-v3-default-81a3gk-LZ0WTb" data-ph-at-id="seemore-link" role="button" key-role="page56-ph-recently-viewed-jobs-v3-default-81a3gk-bHoKBo" instance-id="uTMO3I-17kEcd" data-ph-id="ph-page-element-page7-q5GXjc"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page7-X7RRrn"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-jkqq5C"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="page56-ph-recently-viewed-jobs-v3-default-81a3gk-J0WhLZ" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="page56-ph-recently-viewed-jobs-v3-default-81a3gk-FtwkoZ" data-ph-at-id="seeless-link" role="button" key-role="page56-ph-recently-viewed-jobs-v3-default-81a3gk-2SSSIC" instance-id="uTMO3I-vsg8WV" data-ph-id="ph-page-element-page7-dDRvS6"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page7-emvf89"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-j8irsW"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="page56-ph-recently-viewed-jobs-v3-default-81a3gk-XrtxNe" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="page56-ph-recently-viewed-jobs-v3-default-81a3gk-FcEz9I" data-ph-at-id="seenext-link" role="button" key-role="page56-ph-recently-viewed-jobs-v3-default-81a3gk-oYkYTO" instance-id="uTMO3I-ALNdzk" data-ph-id="ph-page-element-page7-vkMZvl"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page7-at1eYs"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-MI8SwW"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="page56-ph-recently-viewed-jobs-v3-default-81a3gk-Tgy5dg" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="page56-ph-recently-viewed-jobs-v3-default-81a3gk-gZRFbX" data-ph-at-id="seeevenmore-link" role="button" key-role="page56-ph-recently-viewed-jobs-v3-default-81a3gk-9Chcf2" instance-id="uTMO3I-iJbWvj" data-ph-id="ph-page-element-page7-LRs74N"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page7-gcvV2S"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-9IFN0U"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page7-w3b4xN"> <p data-ph-id="ph-page-element-page7-1rZ8aB"> <ppc-content key="page56-ph-recently-viewed-jobs-v3-default-81a3gk-kUfrWA" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-uljdsH"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-near-by-jobs-v2-default-1663503297777" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page7-MsTD8w"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Explore opportunities near you" key-aria-label="page56-ph-near-by-jobs-v2-default-qi5top-Bys3xF" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page7-LgaA4u"> <div class="widget-container" data-ph-id="ph-page-element-page7-EfUrNH"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-DBdSw7"> <h2 data-ph-id="ph-page-element-page7-Lqnokj"> <ppc-content key="page56-ph-near-by-jobs-v2-default-qi5top-ymJFOz" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page7-4oC32V"> Explore opportunities near you </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page7-v4ZVYZ"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page7-un1YhN"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page7-xWNvSF"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="iAuvhX" data-ph-id="ph-page-element-page7-SR2VKV"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-g8NthJ"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page7-lnGUEp"> <img if.bind="eachJob.image && eachJob.image.src && eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-page-element-page7-A8uUwB" /> </div> </figure> </div> <div class="${(eachJob.image && eachJob.image.src || ( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-page-element-page7-VT5n7f"> <div class="information" data-ph-id="ph-page-element-page7-luqyKn"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page7-psZ4VG"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-vblehd"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-lybyKW"> <img if.bind="eachJob.badgeImage && eachJob.badgeImage.src && eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page7-Zue0Up" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page7-z1Q2AQ"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-cozrGd"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-bshoFh"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-jzrEpc"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-04sP9h">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-nNE3sx"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page7-dX2TEy"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page7-PWGJAJ"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-yA4jkE"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-Df8HCA">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="page56-ph-near-by-jobs-v2-default-qi5top-yFi6kC" aria-level="3" key-aria-level="page56-ph-near-by-jobs-v2-default-qi5top-twlaz4" instance-id="iAuvhX-YRTa8N" data-ph-id="ph-page-element-page7-oi1GCd"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-AtfnXC"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page7-qGnPpX"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-hWVEjH">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-hbfiVG"></i> <span data-ph-id="ph-page-element-page7-zI2TPg">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-Dzrvkj"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page7-0dl3Aj"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-C5xzyQ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-RtIjYz">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-IqQbFV"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-lqqRgm">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-teA7JO"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-B1dX6b">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-5pUZ3H"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-exGOTd">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-Ay4qJw"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-8c5pUA">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-mWknIM"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-abij8E"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-Zj5Zrh"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page7-i4eeJp">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-S7MBJb"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-SzAAdS">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-7hlUxR"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-G5z5yg">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-N6hfBE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-u7JPYW">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-rgNnWg"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-MBYXhA">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-CMD5I5"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-U58L7j">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-DNxQns"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-Erl6vA"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-Ih75eK"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-kgOpwT">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-MMvt8t"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-bWZ9uh"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-6RgVG8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-Z1ByWD">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-SIldo4">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-PuXjhb"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-15Oh7k">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-2Qz3LA">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-EGNApC">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-J4KIhN">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-zS99yy">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-SmCEmk"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page7-BWA2T9"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page7-FLw07L"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page7-t32viA"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-Ysr0vZ"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-sExm7m"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-Fdxktw"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-dhb8wN">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-e9uhNh"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-m9ceL6">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page7-zbgo9m"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page7-iffs4D"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-NOSHJR"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-1rB5Nd"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-mtKqwN"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-mY9QiW">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-TmUJJ2"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-5JSIM6">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-Ii2MoM"> <span class="sr-only" data-ph-id="ph-page-element-page7-wWtV2o">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-58OL3J"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-HJ1EDh">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-V9f7Qb">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-bHfk07">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-sOuu9B">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-KwOnU5">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-4U9LrE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-piwKgY">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-qzbc13"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-GVdTfL"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-IpNtOz"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page7-PH4Vo0">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-mlDYvN"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-J4R5ji">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-Sp4Axr"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-Ta1hNE">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-7rzDI8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-hLcYVZ">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-XYPvRo"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-HeTPEj">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-Hl4sar"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-JHP5yS">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-Vq11x1"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-zRmZe6"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-nx7ck8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-CUuTWQ">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-zD0NJK"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-lfE208"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-B67mLg"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-wXg8jB"> <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="page56-ph-near-by-jobs-v2-default-qi5top-PjV4Yv" 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="iAuvhX-o3Kb88" data-ph-id="ph-page-element-page7-By5lwJ"> <span data-ph-id="ph-page-element-page7-o6yxsS"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-k87xMV"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-Gl8tEA"> <li class="location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page7-1EzXt9"> ${eachLocation} <div if.bind="enabledFields && enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-aizjxy"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page7-x65Qie">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page7-DMqAoJ">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-TcGqHN"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-IWFdGd">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-bikjVP">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-D14tFj">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-e9GRgK">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-WyA4XC">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-O40ioU"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-eLivOG"> <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="page56-ph-near-by-jobs-v2-default-qi5top-IgnmuE" 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="iAuvhX-wFpJc3" data-ph-id="ph-page-element-page7-iTPOyS"> <span data-ph-id="ph-page-element-page7-btp0R5"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-7WhYiO"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-rfbUKJ"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page7-AbV9ux"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page7-0yCfHc"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page7-P6wdk5"> <span data-ph-id="ph-page-element-page7-firKJj"> <span class="sr-only" data-ph-id="ph-page-element-page7-VNQYlZ"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page7-Dh3ua0">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page7-6IYosv">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-hJTxfH">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-o2Mp2m">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page7-4Lcbbg">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page7-uT9FaJ">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page7-5UY73O"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page7-yAXmkP"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-Kxe7Ga"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page7-Oa1eGd"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page7-0tjyoq"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-bu27CP"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-J66cMM"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-j43YfY"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-LcUO5y">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page7-CdGU8y"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page7-6eSzIg"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page7-c2xDRE"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-OVOz4H"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-page-element-page7-84tJ41"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page7-P1Y2nd">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-HIP4V3"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page7-cxvYkw"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page7-bkCD1g"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-VKJT2G"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page7-KbLgu2"> <ppc-content key="page56-ph-near-by-jobs-v2-default-qi5top-69NeHf" data-ph-at-id="share-job-button-text" instance-id="iAuvhX-bAQbH8" data-ph-id="ph-page-element-page7-2kk8LC">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-wWuBYT"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page7-vbH9u7" view="1663503297750-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1664207628445" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page7-ujn7lh"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page7-NDiQtF"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page7-D6u4iw"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page7-HcyWoj"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page7-1nDSyl" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page7-ptCwGC"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-xbpfkq"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-ymxIMD"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-K2McIr">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page7-mZLgCM"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-uS62Vm"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-VLkOAx"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-l48sAd">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page7-feb9CE"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-y8twUq"> <span class="sr-only" data-ph-id="ph-page-element-page7-37nKIo">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-NPu1Ui"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page7-ZXPSUg"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-page-element-page7-g9ejGU"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-I17Kk1"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-1agCAv"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-5IJBTN"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-xLmtUv"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="page56-ph-near-by-jobs-v2-default-qi5top-3MWD6m" instance-id="iAuvhX-pzlLSQ" data-ph-id="ph-page-element-page7-ZbPcM8"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-jfeKtp"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-fKtgna"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="page56-ph-near-by-jobs-v2-default-qi5top-MGjAgn" key-aria-level="page56-ph-near-by-jobs-v2-default-qi5top-iImIGH" instance-id="iAuvhX-IFu2ic" data-ph-id="ph-page-element-page7-4sq0q8"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-9mSCiv"> <div class="job-location-count" data-ph-id="ph-page-element-page7-QXnrln"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-thieIm"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-URboQb"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page7-H0Pg64"> <span data-ph-id="ph-page-element-page7-T94KDo"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page7-bx5RSS"></i> </span> <span data-ph-id="ph-page-element-page7-5UEPTC"> ${eachLocation} </span> <div if.bind="enabledFields && enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page7-Hgdhc3"> <span class="sr-only" data-ph-id="ph-page-element-page7-4sT3Le">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-0biK8w"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-l6m4S6">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-BB8z98">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-0JWZGz">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-0UTduI">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-NT8qiY"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-2C2hWl"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-M4swNX"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-7oWdIO"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-erN7RX"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="page56-ph-near-by-jobs-v2-default-qi5top-QZ5Pwz" instance-id="iAuvhX-7ECcMi" data-ph-id="ph-page-element-page7-WYdjBH"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-KrxYgK"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-q8vabT"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="page56-ph-near-by-jobs-v2-default-qi5top-dr5GIG" key-aria-level="page56-ph-near-by-jobs-v2-default-qi5top-QHB9Gd" instance-id="iAuvhX-Sj7JBy" data-ph-id="ph-page-element-page7-yqu72M"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-q254rE"> <div class="job-location-count" data-ph-id="ph-page-element-page7-bhZMJP"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-uo58bY"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-4nXNKH"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page7-lq2QaV"> <span data-ph-id="ph-page-element-page7-HvKdM8"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page7-6649QQ"></i> </span> <span data-ph-id="ph-page-element-page7-iAx2yf"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page7-xOSMZk"> <div aria-atomic="true" aria-live="assertive" instance-id="XZsxci" data-ph-id="ph-page-element-page7-3quX1W"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="page56-ph-near-by-jobs-v2-default-qi5top-70OHAU" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="page56-ph-near-by-jobs-v2-default-qi5top-2xbiVm" data-ph-at-id="seemore-link" role="button" key-role="page56-ph-near-by-jobs-v2-default-qi5top-4nmamx" instance-id="XZsxci-sFBxdU" data-ph-id="ph-page-element-page7-CWkifT"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page7-PwfPPz"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-7d6CdB"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="page56-ph-near-by-jobs-v2-default-qi5top-oFo05k" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="page56-ph-near-by-jobs-v2-default-qi5top-bqccpW" data-ph-at-id="seeless-link" role="button" key-role="page56-ph-near-by-jobs-v2-default-qi5top-5EEr8o" instance-id="XZsxci-WdE8K5" data-ph-id="ph-page-element-page7-tHI0Cx"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page7-QyaN6N"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-rspxLw"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="page56-ph-near-by-jobs-v2-default-qi5top-gFLB1R" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="page56-ph-near-by-jobs-v2-default-qi5top-MasQk0" data-ph-at-id="seenext-link" role="button" key-role="page56-ph-near-by-jobs-v2-default-qi5top-mbClf4" instance-id="XZsxci-3s9Gme" data-ph-id="ph-page-element-page7-Y6A7oL"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page7-E1KD1C"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-8SBUXt"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="page56-ph-near-by-jobs-v2-default-qi5top-CwmKVm" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="page56-ph-near-by-jobs-v2-default-qi5top-m7r9ww" data-ph-at-id="seeevenmore-link" role="button" key-role="page56-ph-near-by-jobs-v2-default-qi5top-IHCIlI" instance-id="XZsxci-B4GWMg" data-ph-id="ph-page-element-page7-sT3yqj"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page7-9TDWmp"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-HEH5lu"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page7-V4oxQn"> <p data-ph-id="ph-page-element-page7-rPmi8n"> <ppc-content key="page56-ph-near-by-jobs-v2-default-qi5top-0nP1KT" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-qXl2cv"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-default-1663504113622" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page7-qkut8S"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="page56-ph-profile-recommendations-v2-default-c1ykg4-MLae3s" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page7-r94xU5"> <div class="widget-container" data-ph-id="ph-page-element-page7-rdwZrQ"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-XR0yiJ"> <h2 data-ph-id="ph-page-element-page7-YS3TQJ"> <ppc-content key="page56-ph-profile-recommendations-v2-default-c1ykg4-HUqIAz" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page7-Y4RPN7"> Profile recommendations </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page7-OfCATw"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page7-WJpv50"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page7-joUElm"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="Zu86eO" data-ph-id="ph-page-element-page7-s9UHdU"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-g1qqvG"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page7-kz4wpJ"> <img if.bind="eachJob.image && eachJob.image.src && eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-page-element-page7-tipdp1" /> </div> </figure> </div> <div class="${(eachJob.image && eachJob.image.src || ( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-page-element-page7-7HCYRa"> <div class="information" data-ph-id="ph-page-element-page7-Zpf4tf"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page7-G5VoEi"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page7-ZxF71o"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page7-ew9gqO"> <img if.bind="eachJob.badgeImage && eachJob.badgeImage.src && eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page7-F8y4Wx" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page7-S0QAPE"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-77L8ym"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-M7u7MB"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-av2WI5"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-PqGySw">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-Gvncp7"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page7-X0kXg6"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page7-r3mgAw"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-a2q3AE"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-0E6vSm">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="page56-ph-profile-recommendations-v2-default-c1ykg4-oLxBHG" aria-level="3" key-aria-level="page56-ph-profile-recommendations-v2-default-c1ykg4-g3rHWt" instance-id="Zu86eO-li2OMQ" data-ph-id="ph-page-element-page7-hWyhI8"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-7ZCup6"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page7-XTkr9U"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-EeXwgB">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-VLudYN"></i> <span data-ph-id="ph-page-element-page7-fyen4e">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-vR8olu"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page7-Sm5nlG"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-BGBYcb"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-k18K6i">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-3N5xTP"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-r4Rmnw">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-fuMmxz"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-IESZb8">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-KMizxd"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-fvoupf">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-OiYMcW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-tul8W2">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-VP5DW6"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-mRVClS"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-rvpVN5"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page7-e6Xt8A">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-mf19RT"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-Tfn7bR">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-HieT2Z"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-OTk8Vk">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-aIZv7V"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-Ct4AZo">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-siX9VC"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-ATepWk">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-nrfpfa"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-I4LGTO">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-Uzl47e"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-NWtpo1"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-pDle9Z"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-6ZYXLh">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-yciowH"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-9eNSYu"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-vwISSI"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-UzpvVP">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-DQ3IoQ">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-bIvhJB"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-kPcC4t">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-0YUvZ7">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-i6Ny8E">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-5ML9PK">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-eR3AhA">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-VywG7L"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page7-rbw0XH"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page7-m25tgk"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page7-XLuAtT"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-0cUa6O"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-dIADS3"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page7-YacAWI"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-0T1ttt">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-wiPx1Z"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-CBWTqE">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page7-8l10hB"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page7-P5D7V4"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-FVxTUK"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page7-J0yfUW"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page7-XGkyIn"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-ZwmKHR">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-NnXm5m"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-BgenVY">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-zLVvVR"> <span class="sr-only" data-ph-id="ph-page-element-page7-68vawA">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-OgcKLW"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-oSTF7s">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-Gz9031">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-55LuEu">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-X1Ipy9">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-aZ5W8N">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page7-lCLZaB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-CnM5zp">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-XaJrMV"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-sdgmA8"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page7-wgfqpz"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page7-zaLJqr">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page7-FaPkey"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-DlwIYK">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-w2qM43"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-QOWuOI">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page7-1VRx4n"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-DiHRsd">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-sUnqNZ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-GDlzZr">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-8Z7w8I"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-gWwlVP">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-giNmtl"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-jZftMh"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-DkfRze"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page7-XSCiAU">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-Sq6D0a"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page7-9AodAA"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-RTVZ68"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-YeyMBY"> <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="page56-ph-profile-recommendations-v2-default-c1ykg4-s5tVQA" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="Zu86eO-DB9eas" data-ph-id="ph-page-element-page7-QAoXXu"> <span data-ph-id="ph-page-element-page7-AQCv4T"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-dfhYek"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-BbzGKn"> <li class="location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page7-sadQyU"> ${eachLocation} <div if.bind="enabledFields && enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page7-q9kyxB"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page7-gc7qnf">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page7-Uu4HdL">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-NfrxSy"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-RUCIfJ">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-qa6hsz">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-FZr0s3">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-9GM3KT">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-RIJorQ">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page7-1e2Vzj"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page7-eJcj0y"> <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="page56-ph-profile-recommendations-v2-default-c1ykg4-Ni8b40" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="Zu86eO-pVyd9H" data-ph-id="ph-page-element-page7-3mjtEM"> <span data-ph-id="ph-page-element-page7-AG4sXk"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page7-ajdzlZ"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-ucXAgj"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page7-IToOyf"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page7-Z0tVy1"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page7-i3QCOM"> <span data-ph-id="ph-page-element-page7-eAJHJD"> <span class="sr-only" data-ph-id="ph-page-element-page7-ThRN17"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page7-TA3wiW">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page7-OAnuO2">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-2eaXI9">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page7-cpehFs">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page7-qPbLdx">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page7-TGUdGC">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page7-H7Jhjc"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page7-SqCjJh"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-zvw35a"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page7-HmG42I"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page7-RjPGAH"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page7-IJ93qq"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page7-d3eDTp"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-adBk0c"></i> <span class="tag-label" data-ph-id="ph-page-element-page7-qaG2aX">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page7-gr4Lr0"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page7-M6mVOu"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page7-0Dobll"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-cRRL29"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-page-element-page7-BkDglE"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page7-YHYCRn">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-I19Qc1"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page7-s4XqAC"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page7-qZusrB"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-z9QyNz"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page7-MmcklR"> <ppc-content key="page56-ph-profile-recommendations-v2-default-c1ykg4-g3Eggn" data-ph-at-id="share-job-button-text" instance-id="Zu86eO-dnKR0A" data-ph-id="ph-page-element-page7-Vd8OzF">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page7-86dLOP"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page7-XEjmWW" view="1663504113595-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1664207628586" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page7-uuskXI"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page7-wgprO4"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page7-FBCgfZ"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page7-4H4RJG"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page7-n09hiI" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page7-BEcp17"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-PspAP8"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-6LlEY2"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-SFinba">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page7-EV2eji"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-K8OiVo"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page7-DcZZUm"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-IkEIIz">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page7-trsX8m"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page7-CbY9ME"> <span class="sr-only" data-ph-id="ph-page-element-page7-QBRTxy">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page7-00AcMo"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page7-pWwuyp"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-page-element-page7-3adLiR"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-XSgGyk"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-2YpATa"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-q36aI3"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-eZsxY1"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="page56-ph-profile-recommendations-v2-default-c1ykg4-ySSGwY" instance-id="Zu86eO-6GN1EJ" data-ph-id="ph-page-element-page7-pTfOF4"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-W5xaqX"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-NNmlIe"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="page56-ph-profile-recommendations-v2-default-c1ykg4-dieVXG" key-aria-level="page56-ph-profile-recommendations-v2-default-c1ykg4-qHyjAR" instance-id="Zu86eO-Re9Xkq" data-ph-id="ph-page-element-page7-fLAX2R"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-oqrdLP"> <div class="job-location-count" data-ph-id="ph-page-element-page7-rEuHwi"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-KczVFr"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page7-uOPXhw"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page7-Kahlli"> <span data-ph-id="ph-page-element-page7-oasAep"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page7-Z8MUFm"></i> </span> <span data-ph-id="ph-page-element-page7-DfgKIC"> ${eachLocation} </span> <div if.bind="enabledFields && enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page7-SH2g5L"> <span class="sr-only" data-ph-id="ph-page-element-page7-2yRvB6">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page7-yQv0d4"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page7-9tGmma">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page7-XIPxLN">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page7-FmomiU">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page7-7UXFg3">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page7-rzjJPc"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page7-IUzNw1"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page7-55OFMQ"> <div class="modal-dialog" data-ph-id="ph-page-element-page7-YukwpT"> <div class="popup-content-block" data-ph-id="ph-page-element-page7-ogqWpr"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="page56-ph-profile-recommendations-v2-default-c1ykg4-FGhktV" instance-id="Zu86eO-KaRH9x" data-ph-id="ph-page-element-page7-uzVNhG"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-NVRk5r"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page7-eVbAOg"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="page56-ph-profile-recommendations-v2-default-c1ykg4-dmFQ9e" key-aria-level="page56-ph-profile-recommendations-v2-default-c1ykg4-7F2O1y" instance-id="Zu86eO-PHw71C" data-ph-id="ph-page-element-page7-8Qe9P8"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page7-lawsEu"> <div class="job-location-count" data-ph-id="ph-page-element-page7-HF9B93"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page7-HdIbL4"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page7-R64smM"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page7-Myhxm0"> <span data-ph-id="ph-page-element-page7-cP4MlO"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page7-sqQbTQ"></i> </span> <span data-ph-id="ph-page-element-page7-GolKVa"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page7-IDRVMC"> <div aria-atomic="true" aria-live="assertive" instance-id="qwYqo0" data-ph-id="ph-page-element-page7-PiGsEb"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="page56-ph-profile-recommendations-v2-default-c1ykg4-UcNKc1" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="page56-ph-profile-recommendations-v2-default-c1ykg4-aSSZNn" data-ph-at-id="seemore-link" role="button" key-role="page56-ph-profile-recommendations-v2-default-c1ykg4-bpWFEB" instance-id="qwYqo0-Y0IkN9" data-ph-id="ph-page-element-page7-HOynDs"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page7-a7dDkR"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-jnVOLN"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="page56-ph-profile-recommendations-v2-default-c1ykg4-fC5cvy" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="page56-ph-profile-recommendations-v2-default-c1ykg4-NzxU7b" data-ph-at-id="seeless-link" role="button" key-role="page56-ph-profile-recommendations-v2-default-c1ykg4-plez88" instance-id="qwYqo0-RoER1n" data-ph-id="ph-page-element-page7-JfQjQs"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page7-uhrjgv"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-Tw2EwO"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="page56-ph-profile-recommendations-v2-default-c1ykg4-1MMnXN" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="page56-ph-profile-recommendations-v2-default-c1ykg4-b5vwxJ" data-ph-at-id="seenext-link" role="button" key-role="page56-ph-profile-recommendations-v2-default-c1ykg4-5sbnuf" instance-id="qwYqo0-6gUhaT" data-ph-id="ph-page-element-page7-zibkhs"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page7-BnniaP"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-zo39FH"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="page56-ph-profile-recommendations-v2-default-c1ykg4-nnOBX9" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="page56-ph-profile-recommendations-v2-default-c1ykg4-iPq2hM" data-ph-at-id="seeevenmore-link" role="button" key-role="page56-ph-profile-recommendations-v2-default-c1ykg4-FJabTc" instance-id="qwYqo0-jFVWFN" data-ph-id="ph-page-element-page7-mAGOUh"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page7-BBdyKL"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page7-byt7jG"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page7-8XUPmy"> <p data-ph-id="ph-page-element-page7-xrFDxC"> <ppc-content key="page56-ph-profile-recommendations-v2-default-c1ykg4-cPLouA" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-4EE5Lq"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1664207628131" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-MGa27z"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page7-ujuD8H"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page7-o0dlxU"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-65IiZB" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-U3AWpz" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page7-sOXef2"> <ppc-content key="ph-social-share-v3-default-6ty93l-YrMbx0" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-CbNcZL"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page7-x00OLL"> <ppc-content key="ph-social-share-v3-default-6ty93l-0JeQSf" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-nX9bGe"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page7-PVzUVG"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page7-ZGez7R"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page7-tNKHkG"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page7-oU2ac5"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page7-7kzddb"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-Z6Sc2o"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page7-IlJNOg">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page7-GNrBco" view="1664207628116-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1664207628116-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page7-luIK4M"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page7-bn7Irg"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-7iJSU5"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-TAhAOj"> <div class="head-wrapper" data-ph-id="ph-page-element-page7-xPHGPW"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page7-XQfWeL"> <ppc-content key="ph-social-share-v3-default-6ty93l-IEkMd9" data-ph-id="ph-page-element-page7-U8hXsr">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-NrfEpR" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-30j1og"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page7-aiV0sY"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page7-MtDErU"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page7-8LJ9D7"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page7-gwSez3"> <ppc-content key="ph-social-share-v3-default-6ty93l-d3GQUc" data-ph-id="ph-page-element-page7-MGVZGK">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page7-dBtAOY"><ppc-content key="ph-social-share-v3-default-6ty93l-Kv8SX8" data-ph-id="ph-page-element-page7-OZtgdP">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page7-CZs6FJ" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page7-JMhDmy"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-fzbGsm"><ppc-content key="ph-social-share-v3-default-6ty93l-aJF199" data-ph-id="ph-page-element-page7-HjiAlN">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page7-HiJU2Z"><ppc-content key="ph-social-share-v3-default-6ty93l-E8ZWnu" data-ph-id="ph-page-element-page7-YrMoM4">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1664207628286" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-AW2ixs"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page7-JJG5sm"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page7-4zBNzA"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-65IiZB" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-U3AWpz" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page7-4XQDSI"> <ppc-content key="ph-social-share-v3-default-6ty93l-YrMbx0" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-BPWFsr"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page7-7a9y5j"> <ppc-content key="ph-social-share-v3-default-6ty93l-0JeQSf" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-G2N3Me"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page7-qWZYFk"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page7-fZ4GX7"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page7-FmjzCI"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page7-UozO3t"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page7-US3dmj"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-8cNMWd"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page7-ctx7oU">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page7-OE9QL2" view="1664207628116-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1664207628116-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page7-jkeFqu"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page7-TESO9w"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-4Q6XKx"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-poNF7B"> <div class="head-wrapper" data-ph-id="ph-page-element-page7-CWLi77"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page7-PuvQT5"> <ppc-content key="ph-social-share-v3-default-6ty93l-IEkMd9" data-ph-id="ph-page-element-page7-KLOHSu">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-NrfEpR" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-FSef5h"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page7-0MkovK"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page7-pdYzRe"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page7-TL2IY0"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page7-jwFDVM"> <ppc-content key="ph-social-share-v3-default-6ty93l-d3GQUc" data-ph-id="ph-page-element-page7-yyy5Ty">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page7-u1bP0R"><ppc-content key="ph-social-share-v3-default-6ty93l-Kv8SX8" data-ph-id="ph-page-element-page7-nsWkWN">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page7-yOLWc8" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page7-wTUfGM"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-I6wtDE"><ppc-content key="ph-social-share-v3-default-6ty93l-aJF199" data-ph-id="ph-page-element-page7-ISXQga">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page7-IpqIxr"><ppc-content key="ph-social-share-v3-default-6ty93l-E8ZWnu" data-ph-id="ph-page-element-page7-wmLOv4">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1664207628445" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-CMxv0C"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page7-C8ZZOo"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page7-ub9PsC"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-65IiZB" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-U3AWpz" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page7-o2y7OV"> <ppc-content key="ph-social-share-v3-default-6ty93l-YrMbx0" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-2rbmTb"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page7-59Ej9z"> <ppc-content key="ph-social-share-v3-default-6ty93l-0JeQSf" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-uwJAvz"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page7-kL3CfW"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page7-khjpZU"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page7-ZOSqno"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page7-46BubX"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page7-zdRShv"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-ZbuNhH"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page7-B1D1ih">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page7-9tgz0N" view="1664207628116-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1664207628116-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page7-BXw9C5"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page7-qDosyd"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-MBbETF"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-8MmXvq"> <div class="head-wrapper" data-ph-id="ph-page-element-page7-Zo36J5"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page7-x77oBi"> <ppc-content key="ph-social-share-v3-default-6ty93l-IEkMd9" data-ph-id="ph-page-element-page7-xyzZNY">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-NrfEpR" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-b6xalj"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page7-g2uSJf"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page7-C2xm8i"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page7-pgmcsW"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page7-ny2PjT"> <ppc-content key="ph-social-share-v3-default-6ty93l-d3GQUc" data-ph-id="ph-page-element-page7-HUEs1i">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page7-CsOqEl"><ppc-content key="ph-social-share-v3-default-6ty93l-Kv8SX8" data-ph-id="ph-page-element-page7-yn2xBu">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page7-fPXuaQ" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page7-pU3eem"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-aRYEwJ"><ppc-content key="ph-social-share-v3-default-6ty93l-aJF199" data-ph-id="ph-page-element-page7-S8N84X">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page7-RmoFrO"><ppc-content key="ph-social-share-v3-default-6ty93l-E8ZWnu" data-ph-id="ph-page-element-page7-O9yfgH">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1664207628586" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-gkr8SF"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page7-yqVCit"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page7-8PkPyI"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-65IiZB" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-U3AWpz" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page7-oKVCKe"> <ppc-content key="ph-social-share-v3-default-6ty93l-YrMbx0" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-1UpK4D"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page7-LiaPX7"> <ppc-content key="ph-social-share-v3-default-6ty93l-0JeQSf" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-ArCk3x"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page7-zOJgBg"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page7-tkQjq7"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page7-Nrmwm1"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page7-j2qwar"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page7-vHi6Cd"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-F3Y7XP"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page7-qqbcQn">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page7-slZh9h" view="1664207628116-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1664207628116-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page7-SVGUlq"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page7-Df5HBk"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-rht7Vm"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page7-Xe3ubg"> <div class="head-wrapper" data-ph-id="ph-page-element-page7-mJXSA5"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page7-bceTkm"> <ppc-content key="ph-social-share-v3-default-6ty93l-IEkMd9" data-ph-id="ph-page-element-page7-VLg3zr">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-NrfEpR" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-YpIOFs"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page7-7CwQeq"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page7-vgqfjp"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page7-v7LrrI"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page7-iu2BuP"> <ppc-content key="ph-social-share-v3-default-6ty93l-d3GQUc" data-ph-id="ph-page-element-page7-YO9qIF">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page7-3gbNbl"><ppc-content key="ph-social-share-v3-default-6ty93l-Kv8SX8" data-ph-id="ph-page-element-page7-ktnJAd">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page7-sH0tI2" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page7-XsO5zZ"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page7-jEiEdU"><ppc-content key="ph-social-share-v3-default-6ty93l-aJF199" data-ph-id="ph-page-element-page7-phDy6D">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page7-KoSB5D"><ppc-content key="ph-social-share-v3-default-6ty93l-E8ZWnu" data-ph-id="ph-page-element-page7-dTdgpe">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1664207628116-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-page-element-page7-yynr60"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page7-9Jd8UH"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page7-PuUcBm"> <div class="modal-content" data-ph-id="ph-page-element-page7-RWpGf5"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page7-CzC1qB"> <!--<i class="icon icon-send-masseg"></i>--> <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-page-element-page7-H7M5zG"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-bU2mUS"></i> <span class="sr-only" data-ph-id="ph-page-element-page7-yl4r9l"><ppc-content key="ph-email-job-v1-view3-1gd0h6-VdPApz" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page7-rmat5q">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page7-LxNucx"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-p7KwQZ" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page7-Tt3wul"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page7-IG4Ruy"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-9JS0eV" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page7-RZVlO0"> To access this job from another computer, email this information to yourself or a friend. </ppc-content> </p> </div> <div class="widget-container" data-ph-id="ph-page-element-page7-wnLDat"> <div class="content-block" data-ph-id="ph-page-element-page7-RFAWjE"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page7-4xxPUd"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page7-DfvBPq"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-TU46Hg"> <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-page-element-page7-0Y5l36"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-iAl3MV"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-D6yGyd"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page7-7Ygm04"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-P9wp2W"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page7-fcX05L"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-MFOm45"> <label for="email-job-name" data-ph-id="ph-page-element-page7-Emujps"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-yJp1Kj" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page7-pK2nJt"> Your Name </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="ph-email-job-v1-view3-1gd0h6-CbjupB" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-BR766P" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page7-um8mdZ"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-page-element-page7-FgHx0d"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-s0QcRc" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page7-DwoXBk">Name should not be empty</ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-QXzrJO"> <label for="email-job-email" data-ph-id="ph-page-element-page7-upDxLa"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ifTTqx" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page7-dIX4Hc"> Recipient's Email address </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="ph-email-job-v1-view3-1gd0h6-APjiQ5" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page7-FTMAmq"> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page7-Hes5M1"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Qy2mDh" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page7-SSQ2M2"> Recipient’s email address should not be Empty </ppc-content> </span> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page7-rqiMMg"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-vK35Wa" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page7-Znok8S"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page7-2JYdsv"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-page-element-page7-JxXevU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-tUmmyp" data-ph-at-id="send-text" data-ph-id="ph-page-element-page7-wXm3Ej"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page7-OBD6iJ"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-m8WYjF"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-vsdx2g"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-Yjuhx3"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-DsABUc"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-W8fxXp"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-EchKmZ"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-jpHEUJ">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page7-qWFn6X"> <span class="sr-only required-text" data-ph-id="ph-page-element-page7-og2nJO"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page7-ilzr8l"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page7-NEVnhh"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-6k6v5q" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page7-EilrvY">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page7-GyuMlj"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Rdxsj9" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page7-eFI5Uf">Email has sent has error</ppc-content> </span> </div> </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-page-element-page7-EAVgiZ"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page7-6XUV4N"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page7-dpzCV6"> <i class="icon icon-check" data-ph-id="ph-page-element-page7-eSHEVO"></i> <h3 data-ph-id="ph-page-element-page7-gEDOKD"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-k7YRLc" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page7-kE1QOR">Success!</ppc-content> </h3> <p data-ph-id="ph-page-element-page7-dipBXQ"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Zu62ke" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page7-58Njsd">Email has successfully sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page7-fH7LIq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-9jLvnn" data-ph-id="ph-page-element-page7-IcRCLn">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page7-mvj6Be"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page7-IASVZt"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page7-R52if0"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page7-C8PPxA"></i> <h3 data-ph-id="ph-page-element-page7-sD0y3K"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-kWelXw" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page7-8HUxLT">Failure!</ppc-content> </h3> <p data-ph-id="ph-page-element-page7-Wnwgzv"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-bV0gAU" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page7-XBkZaj">Email has not sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page7-symCwq"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-jg8hmS" data-ph-id="ph-page-element-page7-KCxSPm">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page7-UyaZ8e"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page7-35pYda"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page7-povYU8"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page7-9ImpBI"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page7-1Yhunb"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page7-0q5wf4"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-lb8sWP"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page7-pABVMD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-tdwZ2I"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-OM15PN"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-MZFg7a"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-IPtdhX"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-hwW29g">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page7-LYFa9f"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page7-0VtVw2"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1678789407501" nonce=""><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="page56-ph-cookie-popup-v2-default-hnQaQj-iVi1Ex" aria-label="cookies message" key-aria-label="page56-ph-cookie-popup-v2-default-hnQaQj-TDZUPS" if.bind="showCookiePopup" data-ph-id="ph-page-element-page7-uCnDca"> <div class="container" data-ph-id="ph-page-element-page7-eOuyeg"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page7-KKlZtH"> <ppc-content key="page56-ph-cookie-popup-v2-default-hnQaQj-pX6TAO" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page7-XJgl01" language-overriden="true">We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our <a class="privacyLink" href="cookiesettings" data-ph-id="ph-page-element-page7-XJgl01">Cookie Settings</a> page. If you continue to use this site, you consent to our use of cookies. </ppc-content> </div> <div class="cookie-button-area ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-page-element-page7-SPLbvU"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="page56-ph-cookie-popup-v2-default-hnQaQj-uRYwvC" class="btn plain-button cookie-settings phcriticalhide" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="page56-ph-cookie-popup-v2-default-hnQaQj-TCe0RN" data-ph-id="ph-page-element-page7-SICoUz"> <ppc-content key="page56-ph-cookie-popup-v2-default-hnQaQj-AJR72l" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-page-element-page7-5CyeUn"> Cookie Settings </ppc-content> </a> <button class="btn primary-button phcriticalhide" show.bind="showDeclineButton" click.delegate="declineAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="3" data-ph-id="ph-page-element-page7-lzKjRC"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-page-element-page7-nyFiJi"></i> <ppc-content key="page56-ph-cookie-popup-v2-default-hnQaQj-j9Fc59" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-page-element-page7-YmR4zQ"> Deny </ppc-content> </button> <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2" data-ph-id="ph-page-element-page7-v00O1h"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-page-element-page7-39cuD1"></i> <ppc-content key="page56-ph-cookie-popup-v2-default-hnQaQj-rS3ngo" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-page-element-page7-SVeoxF"> Allow </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-page-element-page7-RdYb7e"> <div class="modal fade in show ph-a11y-modal-dialog-area" role="dialog" aria-modal="true" aria-labelledby="consent-text-area" data-ph-id="ph-page-element-page7-lsoxDd"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-page7-3Et7yV"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page7-3Fm7Kf"> <ppc-content key="page56-ph-cookie-popup-v2-default-hnQaQj-Z60uH2" data-ph-at-id="pii-consent-text" data-ph-id="ph-page-element-page7-octZ7y"> When using this site you will have the option to provide personal information. By using this site and providing your personal information you consent to your data being stored overseas. </ppc-content> </div> <div class="cookie-button-area" data-ph-id="ph-page-element-page7-MK0HyL"> <button class="btn primary-button ph-a11y-allow-consent wctrl" click.delegate="acceptConsent()" data-ph-at-id="pii-consent-accept-link" data-ph-id="ph-page-element-page7-W4OUz4"> <i class="icon icon-check-mark" data-ph-id="ph-page-element-page7-QO3VnG"></i> <ppc-content key="page56-ph-cookie-popup-v2-default-hnQaQj-qYop51" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-page-element-page7-6WgKgD"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1686138005460" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader && !userConsentPopup" class="show-loader" data-ph-id="ph-page-element-page7-cwDdtW"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-page-element-page7-yRy7ay"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-page-element-page7-Ktz1mu"></div> <div class="content-block upload-resume-block ph-widget-box" phae-ally="aria-hidden#false" aria-hidden="${((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup) ? 'false' : 'true'}" show.bind="((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup)" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page7-gteR1T"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-KhDVK7"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-page-element-page7-rzleIW"> <div class="widget-container" data-ph-id="ph-page-element-page7-glD4OT"> <div class="upload-resume-tile-container" data-ph-id="ph-page-element-page7-gCpU9f"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-page-element-page7-kX0wSj"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-page-element-page7-4MpZE1"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-cSBZbS" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-JymqyX">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-page-element-page7-AeWmle"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-PyWgAG" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-hmwu01">Get tailored job recommendations based on your interests</ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-page-element-page7-i6Hi1m"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" phae="ph-find-your-fit-container-v1" phae-type="click" phae-main="1" aria-label="Get started for profile recommendations" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-vAS7cH" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page7-SzMest"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-OZm6QG" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page7-6G86kP"> Get Started </ppc-content> </button> </div> </div> </div> </div> </div> <!-- show edit option--> <div class="post-login-resume-tile phcriticalhide" show.bind="isLoggedIn" data-ph-id="ph-page-element-page7-dII5hL"> <div class="widget-container" data-ph-id="ph-page-element-page7-9sBROd"> <div class="post-login-resume-tile-container" data-ph-id="ph-page-element-page7-JhMwdP"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-page-element-page7-OnaWZe"> <div class="user-profile-icon fs-block" data-ph-id="ph-page-element-page7-blXuO8"> <span class="user-name-prefix" if.bind="!((preferredName && profileData.preferredName) || profileData.firstName)" data-ph-id="ph-page-element-page7-mVRHZW"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-page-element-page7-YbYbTW"></i> </span> <span class="sr-only" data-ph-id="ph-page-element-page7-jfjKoJ"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-gXG7c0" data-ph-id="ph-page-element-page7-Ayivly"> profile icon </span> ${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) || ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="preferredName && profileData.preferredName || profileData.firstName" data-ph-id="ph-page-element-page7-WgS0gO"> ${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) + profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" data-ph-id="ph-page-element-page7-h9ybLL"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="(preferredName && profileData.preferredName) || profileData.firstName" data-ph-id="ph-page-element-page7-PSdk7v"> <span class="recom-text" data-ph-id="ph-page-element-page7-Dp3uia">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName": preferredName && profileData.preferredName || profileData.firstName}}</span> </div> <h2 class="user-profile-info phs-heading ph-a11y-after-close-focus-elem" tabindex="-1" if.bind="isProfileJobsAvailable != undefined" data-ph-id="ph-page-element-page7-G2oOIt"> <span class="recom-text" data-ph-id="ph-page-element-page7-WukY8n"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="ph-find-your-fit-container-v1-default-ai8eoj-7WLrJb" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-jSdqhu"> Your personalized site and job recommendations are ready. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && !isCandidateHomeEnabled" key="ph-find-your-fit-container-v1-default-ai8eoj-anxeoz" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-J6qb0h"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && isCandidateHomeEnabled && isProfileDataExists" key="ph-find-your-fit-container-v1-default-ai8eoj-h6y2gS" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-YMdX4m"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && !isProfileJobsAvailable && !isProfileDataExists" key="ph-find-your-fit-container-v1-default-ai8eoj-dMhV5K" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-ARQCIG"> Currently we don’t have enough information to provide personalized job recommendations. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && (isActiveSession && isAnonymous)" key="ph-find-your-fit-container-v1-default-ai8eoj-GumPYt" data-ph-id="ph-page-element-page7-YiPZ39"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-page-element-page7-l2ymae">Sign up</a> <span data-ph-id="ph-page-element-page7-NiUozO"> to save your personalized experience </span> </ppc-content> </span> </h2> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && flowType == 'upload_resume'" data-ph-id="ph-page-element-page7-Bn4JVK"> <div class="action-area-block" data-ph-id="ph-page-element-page7-EkQ72w"> <button class="edit-resume upload-action-btn ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-oa5LmD" data-ph-at-id="edit-link" data-ph-id="ph-page-element-page7-q5vusK"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation " data-ph-id="ph-page-element-page7-gRHD27"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page7-yU8tJB"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-page-element-page7-KPtV62"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page7-EFMcEi"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page7-WsCHrN"> <span data-ph-id="ph-page-element-page7-nmyxC5">${profileData.resumeName && (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName && ('.'+profileData.resumeName.split('.').pop())} </span> <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-page-element-page7-KdOJXP"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-page-element-page7-9pPUby"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page7-gGWePa"> <ul data-ph-id="ph-page-element-page7-dIGaNI"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation" data-ph-id="ph-page-element-page7-Bxdnbk"> <button class="completeInfo-btn" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-tP4HEt" click.delegate="openContactDetailsPopup()" data-ph-id="ph-page-element-page7-U4VvbY"> <span class="button-text" data-ph-id="ph-page-element-page7-djsaHJ"> <span class="error-icon action-icon" data-ph-id="ph-page-element-page7-yiyZTu"><i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page7-UV9elJ"></i></span><ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-zsTDs3" data-ph-id="ph-page-element-page7-tokeiU"> Complete resume info </ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-page-element-page7-eKhGIk"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-page-element-page7-WKaWhu"> <span class="action-icon" data-ph-id="ph-page-element-page7-YmJjrx"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-page-element-page7-nTJh5r"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-page-element-page7-epMJ9f"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-page-element-page7-pHufoh"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-page-element-page7-BlRGhG" view="1686138004618-re-upload" original-view="re-upload" theme="default"> <div class="ph-import-resume-v1-re-upload-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="1686138004618-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-page-element-page7-iEN1FQ"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page7-6G4dnY"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" ph-tevent="new-resume" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-CTmNBS" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page7-fj6lwB"> <span class="action-icon" data-ph-id="ph-page-element-page7-JmTu57"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page7-hbMdM9"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-RhIF2C" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page7-yDirDc">Upload new </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-page-element-page7-X54H2G"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-page-element-page7-ENDcVG"> <span class="action-icon" data-ph-id="ph-page-element-page7-a6WWNF"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page7-1RTUqp"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-page-element-page7-f4ccF4"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page7-rsdVCw"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page7-EsJxe9"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page7-MG2z6K"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page7-krJ9EC"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-yBYx9q" data-ph-id="ph-page-element-page7-BKeXVL"> Connected </ppc-content> </span> <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="ph-find-your-fit-container-v1-default-ai8eoj-W83XbV" data-ph-id="ph-page-element-page7-IwOvJH"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Eubbsk" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page7-YIEhJw"> Log out </ppc-content> </a> </div> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && (flowType == 'find_your_fit' || (isAnonymous && flowType == 'candidateProfile'))" data-ph-id="ph-page-element-page7-tZvbYc"> <div class="action-area-block" data-ph-id="ph-page-element-page7-v70i0a"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-iGa89X" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-page-element-page7-fh3J7Q"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-NdOoSm" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page7-snuX4u"> Edit profile </ppc-content> </button> <div class="reset-block" data-ph-id="ph-page-element-page7-zJxK5d"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin && !isSiteLogin" aria-label="reset find your fit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-K6RCOF" data-ph-at-id="edit-profile-dropdown-reset-link" ph-tevent="reset_personalization_click" data-ph-id="ph-page-element-page7-4qCDI3"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page7-U0DVap"></i> <span data-ph-id="ph-page-element-page7-4vdPD4"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Msg3Ks" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-page-element-page7-YPhvJZ"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page7-PdsKNL"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page7-iDSlQg"> <span class="sr-only" data-ph-id="ph-page-element-page7-Tg1SK9">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page7-4etlv8"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page7-vHrAAC"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-yBYx9q" data-ph-id="ph-page-element-page7-x3KQ59"> Connected </ppc-content> </span> <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="ph-find-your-fit-container-v1-default-ai8eoj-W83XbV" data-ph-id="ph-page-element-page7-gMzRLx"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Eubbsk" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page7-7VOWos"> Log out </ppc-content> </a> </div> </div> </div> </div> <div class="action-area action-btn ph-a11y-action-btn" if.bind="!((isActiveSession && isAnonymous) || !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-page-element-page7-Shzw53"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" aria-label="start the job personalization" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-oDzcsg" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page7-63HHih"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-OZm6QG" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page7-xB283f"> Get Started </ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous && flowType == 'candidateProfile'" data-ph-id="ph-page-element-page7-lXfYUx"> <div class="action-area-block" data-ph-id="ph-page-element-page7-8XOWHF"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-iGa89X" data-ph-id="ph-page-element-page7-TtNnyb"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Tfbz0b" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page7-9fg57B">Edit profile</ppc-content> </a> </div> </div> </div> </div> </div> </div> <!--show upload resume and answer question --> <div show.bind="currentStep == 'uploadResume'" class="choose-ResumeOrSteps phcriticalhide" data-ph-at-id="upload-resume-and-steps-block" data-ph-id="ph-page-element-page7-JNXC3x"> <div class="widget-container" data-ph-id="ph-page-element-page7-VbfXEw"> <div class="inner-content" data-ph-id="ph-page-element-page7-Zy5GQT"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-page-element-page7-bFtfGP"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-asitvd" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-HUDMaz"> Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-page-element-page7-aEenCL"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-fl4S2d" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-1HEhrU"> Either use your resume or tell us a little about yourself </ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-page-element-page7-LEIBDu"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-page-element-page7-Uyy3wD"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-page-element-page7-Bnbm6r"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Rs1HQ9" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page7-LTZ6sI"> Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-page-element-page7-Gm4soZ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-ODh1To" data-ph-at-id="or-text" data-ph-id="ph-page-element-page7-svDu5q"> or </ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" aria-hidden="${(resumeInfoPopup || userConsentPopup) ? 'true' : false}" data-ph-id="ph-page-element-page7-rYc2x9"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-page-element-page7-ZF5Zbo" view="1686138004618-external-upload-resume" original-view="external-upload-resume" theme="default"> <div class="ph-import-resume-v1-external-upload-resume-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="1686138004618-external-upload-resume" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-page-element-page7-98AuOr"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-page-element-page7-EovDkz"> <p class="or-text" data-ph-id="ph-page-element-page7-FeyRA2"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-ODh1To" data-ph-at-id="or-text" data-ph-id="ph-page-element-page7-JiwaKE"> or </ppc-content> </p> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-desktop-link" data-ph-id="ph-page-element-page7-0RMhfW"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Rs1HQ9" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page7-1C8oXz"> Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-page-element-page7-ght9LA"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-7GospX"> <input type="checkbox" checked.bind="isOptInChoosen" aria-checked="${isOptInChoosen?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="isOptinChanged()" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-Awrtr8" data-ph-id="ph-page-element-page7-muu0gD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-AQRof6"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-A5fsaH"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-m6M60F"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Awrtr8" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-4qO3gN">Sign me up for company updates</ppc-content> </span> </input></label> </div> <button class="close" click.delegate="closePopup()" aria-label="Choose your path close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-qq8bXf" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-1HYJAJ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-5OPCX7"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-page-element-page7-syHOzp"> <span if.bind="chooseSteps" data-ph-id="ph-page-element-page7-qaObuK"> Choose your path </span> </span> <div class="popup-modal-backdrop active email-validation-wrapper phcriticalhide" show.bind="isEmailValidationEnabled && !isVerifiedUser && isShowEmailValidationPopup" data-ph-id="ph-page-element-page7-0hmVNd"> <div class="modal fade in show modal-dialog ph-a11y-modal-email-validation-area email-validation-popup" role="dialog" aria-modal="true" aria-labelledby="modal-heading-id" data-ph-id="ph-page-element-page7-0CQrSZ"> <button class="close-popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-m5BTq2" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-page-element-page7-Ak1e43"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page7-zwrLVi"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="modal-heading-id" data-ph-id="ph-page-element-page7-ANu30R"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-page-element-page7-RkUjvo"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-page-element-page7-vGhjIB">${profileData.email}</span>${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-page-element-page7-0Q9qdQ"> ${tokenExpiryTimeText}.</span></div> <span class="email-send-text" data-ph-id="ph-page-element-page7-9rFdN4">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-page-element-page7-jDqlq5"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-fyf-email-sent-failed" tabindex="-1" data-ph-id="ph-page-element-page7-Kbpnag"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-page-element-page7-1HGIc3"></i> <span data-ph-id="ph-page-element-page7-PPxlcd">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-page-element-page7-8Kv7lN"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page7-OLbZgz"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page7-GEfZaH"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-page-element-page7-Dhe2x7"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeUserConsentPopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-FMBJaG"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page7-s0PhyE"></i> </button> </div> <div class="modal-body" data-ph-id="ph-page-element-page7-CifYmO"> <h2 class="heading-block" data-ph-id="ph-page-element-page7-e0Ld6l"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="ph-find-your-fit-container-v1-default-ai8eoj-AIoLnx" data-ph-id="ph-page-element-page7-W9jjJ9"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-page-element-page7-xyxYtv"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="ph-find-your-fit-container-v1-default-ai8eoj-TNTvYh" data-ph-id="ph-page-element-page7-7EvVMd"> In order to process your resume and provide job recommendations you must agree to our privacy policy and terms of service </ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-obzD9X"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page7-ZfFdtN"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-Ef7t4Y"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-gN0PEI" aria-required="true" data-ph-id="ph-page-element-page7-GTdUQr"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-xas1Wx"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-XgsUXA"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-MPuPIy"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai8eoj-ooz3fp" data-ph-id="ph-page-element-page7-Iv9tXy" language-overriden="true">I have read and accept the <a class="privacyLink" target="_blank" href="https://www.concertai.com/privacy-policy">Privacy policy</a> and <a class="termsLink" target="_blank" href="https://www.concertai.com/privacy-policy">Terms of Use</a> <span class="mandatory-star" data-ph-id="ph-default-1650556549249-ph-find-your-fit-container-v1ai89ra-SWeUYX">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page7-mLVrFQ"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai8eoj-ooz3fp" data-ph-id="ph-page-element-page7-HSEjrq" language-overriden="true">I have read and accept the <a class="privacyLink" target="_blank" href="https://www.concertai.com/privacy-policy">Privacy policy</a> and <a class="termsLink" target="_blank" href="https://www.concertai.com/privacy-policy">Terms of Use</a> <span class="mandatory-star" data-ph-id="ph-default-1650556549249-ph-find-your-fit-container-v1ai89ra-SWeUYX">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page7-Oe2VzK"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-PAKWQq" data-ph-id="ph-page-element-page7-iw8ATo"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-page-element-page7-CjB5PC"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-HvYHaW"> <input type="checkbox" checked.bind="savePersonalInfo" aria-checked="${savePersonalInfo?'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Save my resume and contact me for jobs that I may be a fit for" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-0n2EO8" data-ph-id="ph-page-element-page7-WmUf3U"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-nw8IL9"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-EkCZ47"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-MBD3aK"> <ppc-content data-ph-at-id="checkbox-button-text" key="ph-find-your-fit-container-v1-default-ai8eoj-pWhEkt" data-ph-id="ph-page-element-page7-YUAycx">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page7-6xKdMD"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-6sb5F5"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfcont' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfcont' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" change.delegate="isButtonDisabled()" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-HoinoS"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-RaxumX"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-oy3e1w"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-nQQn7C"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-6Xp6Aa"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-NOpurm">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-cmIEsN"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-page-element-page7-IZ8VxG"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button class="btn primary-button" disabled.bind="piiConsentData && piiConsentData.length ? isDisabled : !acceptTerms" click.delegate="!isDisabled || acceptTerms ? submitResume() : false" ph-tevent="pii-consent-submit" data-ph-id="ph-page-element-page7-BM1zuQ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-jOF9Uo" data-ph-id="ph-page-element-page7-Iz1Jrv"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-page-element-page7-Kttiws"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" aria-labelledby="resume-info-heading" aria-describedby="resume-info-subheading" data-ph-id="ph-page-element-page7-EH9S1e"> <div class="modal-dialog resume-step" data-ph-id="ph-page-element-page7-wqn02C"> <button class="ph-a11y-popup-start-focus close" click.delegate="activeStep != 'cancel' ? changeActiveStep('cancel') : closeResumeInfoPopup()" aria-label="${widgetBundle['contactDetailsPopupCloseAriaLabel'] | pht }" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-Xbl2ud"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page7-3cedJN"></i> </button> <div class="modal-body" data-ph-id="ph-page-element-page7-EzjWcs"> <!-- Contact Details area --> <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-page-element-page7-KAxsZD"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page7-rwId0e"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-L4v2Ok"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-MbeLT0"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-page-element-page7-QwXPuV"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-page-element-page7-zyEdv3"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-page-element-page7-5U4zuB"> <div data-ph-id="ph-page-element-page7-UlTnpp"> <label for="preferredName" data-ph-id="ph-page-element-page7-OwrXYb"> <span class="sr-only" data-ph-id="ph-page-element-page7-9yDe3b"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page7-WqJryI"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page7-9KNUtz"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page7-aqtasP"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-4Gf8gr"> <input type="text" class="form-control ph-a11y-form-control-config-preferred-name fs-block" id="preferredName" placeholder=" ${widgetBundle['contactDetailsAreaPreferredNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="contactDetails.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" aria-required="true" data-ph-id="ph-page-element-page7-aYa5jx"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page7-uDRRWq"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page7-dIW0jg"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page7-rdjDAS"> ${widgetBundle['contactDetailsAreaPreferredNameInputErrorText'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.preferredName.validField" aria-hidden="true" data-ph-id="ph-page-element-page7-gJgsSD"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-pkFXs0"> <div data-ph-id="ph-page-element-page7-3eUVX3"> <label for="name" data-ph-id="ph-page-element-page7-39LmVc"> <span class="sr-only" data-ph-id="ph-page-element-page7-e9eSyY"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page7-PKpjHD"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page7-YG1Eff"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page7-QPHGgw"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-n9l7Kp"> <input type="text" class="form-control ph-a11y-form-control-config-name fs-block" id="name" placeholder=" ${widgetBundle['contactDetailsAreaNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-name-field-error" value.bind="contactDetails.name" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" aria-required="true" data-ph-id="ph-page-element-page7-0Zr11N"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page7-fU7kW1"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page7-i1uwrG"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page7-Sxogyt"> ${widgetBundle['contactDetailsAreaNameInputErrorText'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.name.validField" aria-hidden="true" data-ph-id="ph-page-element-page7-B5g0QY"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-MSRZo6"> <div data-ph-id="ph-page-element-page7-NfJe9o"> <label for="email" data-ph-id="ph-page-element-page7-a6Q5rN"> <span class="sr-only" data-ph-id="ph-page-element-page7-sfpTM3"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page7-vHsqt4"> <span data-ph-at-id="email-text" data-ph-id="ph-page-element-page7-JcYCLW"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page7-Yjdu7i"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-GBezjO"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder=" ${widgetBundle['contactDetailsAreaEmailPlaceholder'] | pht}" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-page-element-page7-NC0ngq"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page7-zkYiTR"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-YSE57h"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page7-CxbtTy"> ${widgetBundle['contactDetailsAreaEmailInputErrorText'] | pht} </span> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-VydyqK"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page7-r3vzIP"> ${widgetBundle['contactDetailsAreaEmailInputErrorCorrentFormat'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-page-element-page7-IUh0or"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-Nu7fk0"> <div data-ph-id="ph-page-element-page7-jFBiQ0"> <label for="phone" data-ph-id="ph-page-element-page7-kRBnN1"> <span class="sr-only" data-ph-id="ph-page-element-page7-n2GIgP"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page7-EgCi8u"> <span data-ph-at-id="phone-text" data-ph-id="ph-page-element-page7-jmPy11"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-U7HnU3"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="${widgetBundle['contactDetailsAreaPhonePlaceHolder'] | pht }" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page7-qo9ZLV"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code && contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-page-element-page7-wiQAqs"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page7-bRoPly"> ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht} </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-page-element-page7-sKR0WG"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-page-element-page7-AknLZO"> <div data-ph-id="ph-page-element-page7-rT7F5L"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-page-element-page7-bJqit2"> <span data-ph-id="ph-page-element-page7-iUXG1j"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-page-element-page7-KUUm5O"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page7-B9XO0H"> <span data-ph-id="ph-page-element-page7-39HEm9"> ${widgetBundle['contactDetailsAreaSubmitBtnText'] | pht } </span> </button> </div> </div> </div> </div> </div> <!-- Cancel Popup area --> <div if.bind="activeStep == 'cancel'" class="cancel-contact-details" data-ph-at-id="cancel-contact-details-block" data-ph-id="ph-page-element-page7-v8ThkZ"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page7-BXQnFM"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-joiTMQ"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-X2JwDb"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page7-K6ZWm8"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page7-WPjWy4"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-page-element-page7-cKgirF"> <div data-ph-id="ph-page-element-page7-raWRIp"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-page-element-page7-nFsyC2"> <span data-ph-id="ph-page-element-page7-ksIV7S"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-page-element-page7-m6BZb7"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-page-element-page7-a58DHM"> <span data-ph-id="ph-page-element-page7-BRP6CK"> ${widgetBundle['resumeCancelPopupContinueBtn'] | pht} </span> </button> </div> </div> </div> </div> <!-- Job Title area --> <div if.bind="activeStep == 'jobTitles'" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page7-Kgl1tA"> <div class="job-title-inner-wrapper" data-ph-id="ph-page-element-page7-lZ7ev3"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-ky9dtx"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page7-hRh0Ux"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-page-element-page7-IGMyoI"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-page-element-page7-dK3zOA"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page7-eEc6aq"> <div class="input-group" data-ph-id="ph-page-element-page7-wCrl0D"> <input type="text" id="jobTitle" aria-haspopup="listbox" aria-owns="jobTitle-list" class="form-control search-box" name="jobTitles" showresultsonfocus="false" ph-a11y-autocomplete="" data-ph-autocomplete-input="jobTitle" autocomplete="off" placeholder="${widgetBundle['resumeJobTitleSearchPlaceholder'] | pht}" aria-autocomplete="list" aria-controls="jobTitle-list" aria-labelledby="job-title-label" value.bind="resumeInfo.jobTitles.value" data-ph-at-id="input-search-box" data-ph-id="ph-page-element-page7-aKcd0U" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page7-R0hBQz"></i> </div> <ul role="listbox" aria-labelledby="jobTitle-list" id="jobTitle-list" class="results-list search-dropdown-list" show.bind="resumeInfo.jobTitles.showDropdown" data-ph-at-id="suggested-data-list" aria-label="${widgetBundle['resumeJobTitleSuggestionAriaLabel'] | pht }" data-ph-at-data-count=" ${resumeInfo.jobTitles.searchTitles.length}" tabindex="-1" data-ph-id="ph-page-element-page7-bMhrM3"> <li role="option" repeat.for="eachTitle of resumeInfo.jobTitles.searchTitles" class="results-listitem ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${resumeInfo.jobTitles.selectedTitles.indexOf(eachTitle.title) != -1 ?'selected':''}" id="jobTitle-result-item-${$index}" aria-label="${eachTitle.title}" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-page-element-page7-kgp9SF"> </li> <li class="search-noresults" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value" data-ph-at-id="no-suggested-results" data-ph-id="ph-page-element-page7-uUJbCY"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-0iKGDx"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page7-qnSYec"> <span data-ph-id="ph-page-element-page7-CJWUbm"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page7-6zl9mD"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.jobTitles.searchTitles.length} ${resumeInfo.jobTitles.searchTitles.length > 1 ? widgetBundle['resumeJobTitlePlural'] : widgetBundle['resumeJobTitleSingular']} </div> </div> </div> </div> </div> <div show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-block selected-titles-block" data-ph-at-id="selectedtitles-block" data-ph-id="ph-page-element-page7-8G1vfG"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-page-element-page7-VmPHZP"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page7-HUJcNs"> <h3 class="job-titles-heading" data-ph-id="ph-page-element-page7-d2tLQ4"> ${widgetBundle['resumeJobTitleSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-list ph-common-slection-area" id="selected-titles" ph-role="data.bind:resumeInfo.jobTitles.selectedTitles" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'list' : false}" data-ph-at-id="selected-title-list" data-ph-at-data-count="${resumeInfo.jobTitles.selectedTitles.length}" data-ph-id="ph-page-element-page7-Ula1ZC"> <li class="each-tag" show.bind="resumeInfo.jobTitles.selectedTitles.length" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'listitem' : false}" repeat.for="selectedTitle of resumeInfo.jobTitles.selectedTitles" data-ph-at-id="selected-data-list-item" data-ph-id="ph-page-element-page7-wH0jAT"> ${selectedTitle} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('jobTitles',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedTitle}" data-ph-at-id="title-delete-link" data-ph-at-title-name-text="${selectedTitle}" data-ph-id="ph-page-element-page7-nQEJn1"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-YB26ZV"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page7-qEMB9l"> <div class="skills-inner-wrapper" data-ph-id="ph-page-element-page7-gFdgUk"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-os3TIq"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page7-7n98GR"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-page-element-page7-UrfCrG"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page7-fxe6KX"> <div class="input-group" data-ph-id="ph-page-element-page7-9oZD0k"> <input type="text" aria-haspopup="listbox" aria-owns="skills-list" class="form-control search-box" placeholder="${widgetBundle['resumeSkillSetSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-autocomplete="list" aria-controls="skills-list" value.bind="resumeInfo.skills.value" data-ph-at-id="input-search-box" aria-labelledby="search-skill-label" data-ph-id="ph-page-element-page7-f7pZy5" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page7-LgfHff"></i> </div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown && resumeInfo.skills.value" data-ph-at-id="suggested-data-list" id="skills-list" aria-labelledby="skills-list" aria-label="${widgetBundle['resumeSkillSetSuggestionAriaLabel'] | pht }" data-ph-at-data-count="${resumeInfo.skills.skillsList.length}" tabindex="-1" data-ph-id="ph-page-element-page7-6Iuu7a"> <li role="option" repeat.for="eachSkill of resumeInfo.skills.skillsList" class="results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index} ${(resumeInfo.skills.selectedSkills.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="skills-result-item-${$index}" aria-label="${eachSkill.skill}" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-page-element-page7-S2FGrJ"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown" data-ph-id="ph-page-element-page7-zv1dHy"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-LZdCgi"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page7-xDZxHE"> <span data-ph-id="ph-page-element-page7-Oqx0ll"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page7-oLYQE2"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.skills.skillsList.length} ${resumeInfo.skills.skillsList.length > 1 ? widgetBundle['resumeSkillSetPlural'] : widgetBundle['resumeSkillSetSingular']} </div> </div> <div show.bind="resumeInfo.skills.selectedSkills.length > 0" class="tags-block" data-ph-at-id="selectedskills-block" data-ph-id="ph-page-element-page7-tcXKqb"> <a href="javascript:void(0);" class="skip-selected each-tag" click.delegate="handleSkip(true)" if.bind="resumeInfo.skills.selectedSkills.length > 10" data-ph-id="ph-page-element-page7-siUMv6"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page7-wxpUoJ"> <h3 class="skills-heading" data-ph-id="ph-page-element-page7-XnEhx8"> ${widgetBundle['resumeSkillSetSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.skills.selectedSkills.length > 0" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-skills" data-ph-at-id="selected-data-list" tabindex="-1" ph-role="data.bind:resumeInfo.skills.selectedSkills" data-ph-at-data-count="${resumeInfo.skills.selectedSkills.length}" data-ph-id="ph-page-element-page7-VTXBLH"> <li class="each-tag" show.bind="resumeInfo.skills.selectedSkills.length" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'listitem' : false}" repeat.for="selectedSkill of resumeInfo.skills.selectedSkills" data-ph-at-id="selected-data-list-item" data-ph-id="ph-page-element-page7-bQaxPl"> ${selectedSkill} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('skills',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedSkill}" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${selectedSkill}" data-ph-id="ph-page-element-page7-8uq4oJ"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-ujFu7X"></i> </a> </li> </ul> </div> <div class="tags-block" if.bind="resumeInfo.skills.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${resumeInfo.skills.suggestedSkills.length}" data-ph-id="ph-page-element-page7-T4c42g"> <div data-ph-id="ph-page-element-page7-kHxuxs"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-page-element-page7-1oKkzU"> ${widgetBundle['resumeSkillSetSuggestedHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.skills.suggestedSkills.length > 0" ph-role="data.bind:resumeInfo.skills.suggestedSkills" class="tags-list suggestions-list" id="suggested-skills" data-ph-id="ph-page-element-page7-VcfEbw"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-page-element-page7-0VCNnH"> <button class="suggestions-btn" role="link" click.delegate="resumeInfo.selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['resumeAddText'] | pht } ${eachSkill.skill}" data-ph-id="ph-page-element-page7-iwnYAe"> <span data-ph-id="ph-page-element-page7-ehAfzV">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page7-AABLxQ"></i> </button> </li> </ul> </div> </div> </div> </div> <!-- Work Experience --> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page7-6s4QcD"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page7-MiQar0"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-yde7UQ"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page7-MEkmxL"> ${widgetBundle['resumeExperienceSubHeading'] | pht } </p> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${resumeInfo.experienceData.length}" data-ph-id="ph-page-element-page7-y1GFQa"> <legend class="sr-only" data-ph-id="ph-page-element-page7-ybc9np"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-page-element-page7-i27UDG"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-page-element-page7-qTxFDq"> <input name="experience" model.bind="exp" id="exp_${$index}" checked.bind="resumeInfo.workExperience.selectedExp" type="radio" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-page-element-page7-Ejz3Ij" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-page-element-page7-aOsy18"> <span data-ph-id="ph-page-element-page7-9q4zOI">${exp.displayName} </span> <span data-ph-id="ph-page-element-page7-0yZNeJ"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </span> </div> </fieldset> </div> </div> <!-- Preferred Location --> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page7-rIB49a"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page7-5p736e"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page7-R1g4r1"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page7-pbiHMw"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-page-element-page7-ploLIw"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-page-element-page7-VKCUym"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-page-element-page7-CA8VK6"> <input type="text" aria-haspopup="listbox" aria-owns="locations-list" class="location ph-a11y-location-box" placeholder="${widgetBundle['resumeLocationSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="preferredLocation" name="preferredLocation" data-ph-autocomplete-input="locations" autocomplete="off" aria-autocomplete="list" aria-controls="locations-list" value.bind="resumeInfo.preferredLocation.value" data-ph-at-id="input-search-box" aria-labelledby="preferred-location-label" data-ph-id="ph-page-element-page7-h9gLLq" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page7-oCCXbl"></i> </div> <ul role="listbox" class="combobox-results-list search-dropdown-list" show.bind="resumeInfo.preferredLocation.showLocationDropdown" data-ph-at-id="suggested-data-list" id="locations-list" aria-labelledby="locations-list" aria-label="${widgetBundle['resumeLocationSuggestionAriaLabel'] | pht}" data-ph-at-data-count="${resumeInfo.preferredLocation.locationsList.length}" tabindex="-1" data-ph-id="ph-page-element-page7-u0Oxjv"> <li role="option" repeat.for="eachLocation of resumeInfo.preferredLocation.locationsList" class="combobox-results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index} ${(resumeInfo.preferredLocation.selectedLocations.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ?'selected':''}" id="preferredLocation-result-item-${$index}" data-ph-at-id="suggested-data-list-item" aria-label="${eachLocation.location_display}" data-ph-at-locations-name-text="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page7-XDUO0X"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown" data-ph-id="ph-page-element-page7-1n4Yqk"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-Yjz8GZ"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page7-OobGOz"> <span data-ph-id="ph-page-element-page7-p1oFfN"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </span> </div> <div class="sr-only" if.bind="resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page7-kAPdfB"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.preferredLocation.locationsList.length} ${resumeInfo.preferredLocation.locationsList.length > 1 ? widgetBundle['resumeLocationPlural'] : widgetBundle['resumeLocationSingular']} </div> </div> </div> <div show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" class="tags-block selected-locations-block" data-ph-at-id="selectedlocations-block" data-ph-id="ph-page-element-page7-wqIEe4"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-page-element-page7-Ds1jAC"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page7-6Cv9In"> <h3 class="location-heading" data-ph-id="ph-page-element-page7-faQqET"> ${widgetBundle['resumeLocationSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-locations" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${resumeInfo.preferredLocation.selectedLocations.length}" data-ph-id="ph-page-element-page7-zT44g0"> <li class="each-tag" show.bind="resumeInfo.preferredLocation.selectedLocations.length" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'listitem' : false}" repeat.for="selectedLocation of resumeInfo.preferredLocation.selectedLocations" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-Toxae8"> ${selectedLocation} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('preferredLocation',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedLocation}" data-ph-at-id="location-delete-link" data-ph-at-location-name-text="${selectedLocation}" data-ph-id="ph-page-element-page7-VLlLe9"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-SOW7Y4"></i> </a> </li> </ul> </div> </div> </div> <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' && activeStep != 'cancel'" data-ph-id="ph-page-element-page7-9ZLqvc"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-page-element-page7-DwJ1ot"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-page-element-page7-x7quK8"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-page-element-page7-9z4E0j"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-page-element-page7-x6DLxw"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-page-element-page7-FtwluB"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-page-element-page7-xdOFW0"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-page-element-page7-bTKraq"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-page-element-page7-8SvRU0"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-evJ2FK"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page7-Ibj34M"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-page-element-page7-h89gYP"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" show.bind="isDialogOpen" aria-label.bind="isDeleteResume? 'reset personalization' : ''" data-ph-id="ph-page-element-page7-kaCvcq"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-page-element-page7-pPUEZA"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-page-element-page7-cI7LjI"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format resume popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-lxKSeB" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-J7Uvio"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-GsVk9j"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-page-element-page7-cRIEGo"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-page-element-page7-De9Cpe"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-YeT2a3" class="sr-only" data-ph-id="ph-page-element-page7-E5X99A">Failure icon</span> </div> <div data-ph-id="ph-page-element-page7-tmlbLN"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-page-element-page7-605DY1"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-0WO9ix" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-gi3ocd"> Oops invalid format... </ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-page-element-page7-4r0kYc"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-F1X6aw" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-FPQsUl"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-page-element-page7-6JQ3f5"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-DXO9b3" data-ph-at-id="description-text" data-ph-id="ph-page-element-page7-Q1CO5E"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported && limitExceeded && widgetBundle['uploadFileSizeError']" data-ph-id="ph-page-element-page7-74gXlQ"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page7-Dhu5Yz"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-SqMYJQ" data-ph-at-id="description-text" data-ph-id="ph-page-element-page7-9crCv0"> Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page7-6C3YvQ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-rw8nUS" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-yhPvpf"> Please try to upload your resume again </ppc-content> </p> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page7-PSqjr5"> <div class="upload-again" data-ph-id="ph-page-element-page7-Pk74AP"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page7-neTTi5" view="1686138004629-upload-new" original-view="upload-new" theme="default"> <div class="ph-import-resume-v1-upload-new-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="1686138004629-upload-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="" data-ph-id="ph-page-element-page7-kvYojI"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page7-oWFLui"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page7-fgT379"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-BwTmag" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page7-tUbl6I">Try again</ppc-content> </button> </div> </div> </section> </div> </div> </div> </div> <div if.bind="contactDetailsPopup" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-page-element-page7-wBtEfs"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact details popup Close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-9Nvetc" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-UlPmKC"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-IIjOun"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page7-5LnRP8"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-page-element-page7-zs7QOK"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-page-element-page7-JgRWFa"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Gqyh7M" data-ph-at-id="description-error-text" data-ph-id="ph-page-element-page7-NWinxr"> Sorry ! Something went wrong, please try again in a few minutes </ppc-content> </p> <h2 if.bind="contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page7-0ryDrH"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-iWHV6R" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-kFZYrR">But we noticed the below information is missing from it. Please complete the following:</ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page7-BfoQ4C"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-XMuRat" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-YFQ7dG">But we noticed the below information is missing from it. Please complete the following:</ppc-content> </h2> <div data-ph-id="ph-page-element-page7-mqF0CB"> <form role="form" aria-label="contact details" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-gywEeS" data-ph-id="ph-page-element-page7-UbUzKt"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-x0nYsB"> <div data-ph-id="ph-page-element-page7-HI2HoG"> <label for="email" data-ph-id="ph-page-element-page7-lxoVAH"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-vYETMq" class="sr-only" data-ph-id="ph-page-element-page7-j9mv2m"> Email </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page7-1xdbxn"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-vYETMq" data-ph-at-id="email-text" data-ph-id="ph-page-element-page7-UJ1PtM"> Email </ppc-content> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page7-hMH0A6"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-6hLkql"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="your@mail.com" key-placeholder="ph-find-your-fit-container-v1-default-ai8eoj-e8W86m" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-page-element-page7-LziceK"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page7-As0UW2"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-WKbGUJ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-yuoviK" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page7-eNK29d">Email should not be empty</ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-CvFQ5C"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-2dfYoQ" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page7-2JxBZi"> Enter a vaild email adress </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-page-element-page7-64gkr0"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-0ZQre7"> <div data-ph-id="ph-page-element-page7-IxWnpI"> <label for="phone" data-ph-id="ph-page-element-page7-9Vnqa7"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-gXe8ny" class="sr-only" data-ph-id="ph-page-element-page7-hgjHB9">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page7-GFGSGI"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-IbEZ4O" data-ph-at-id="phone-text" data-ph-id="ph-page-element-page7-lzHlZl"> Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-jkzh4s"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="ph-find-your-fit-container-v1-default-ai8eoj-XPC3Pw" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page7-IdeFXE"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code && contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-page-element-page7-A5C8ya"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-COQYfE" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page7-bqiRLj">Please enter a correct Phone Number</ppc-content> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-page-element-page7-Ba3DD0"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-page-element-page7-gXS8uQ"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page7-unXhjv"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-BmtSdM" data-ph-id="ph-page-element-page7-sVJGFQ"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="user-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && isAnonymous" data-ph-id="ph-page-element-page7-Tev3MV"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login popup Close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-CSltBU" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-iBQJ0I"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-FIiYxz"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-page-element-page7-I6bnIp"> <div class="upload-cv-status-area" if.bind="contactDetailsFirstTime" data-ph-at-id="success-block" data-ph-at-filename-text="${profileData.resumeName}" data-ph-id="ph-page-element-page7-TUwhlM"> <p data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page7-1FWXtp"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-page-element-page7-zNwX2u"> <h2 class="phs-heading" data-ph-id="ph-page-element-page7-6o4yvz"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-D426wr" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-dArmtr"> Sign in and keep your data for future visits </ppc-content> </h2> <section class="ph-widget" data-ph-id="ph-page-element-page7-ikgqFZ" view="1686138004629-view4" original-view="view4" theme="default"> <div class="ph-social-connect-v1-view4-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1686138004629-view4" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-page-element-page7-DccC6a"></div> </section> <div class="signin-info" data-ph-id="ph-page-element-page7-BA9FJP"> <span data-ph-id="ph-page-element-page7-ZULEsS"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page7-DrLTvM"></i> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-gAiyiP" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-page-element-page7-b7ExMc"> We never post anything without your permission </ppc-content> </span> </div> </div> </div> </div> <div class="social-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && !isAnonymous" data-ph-id="ph-page-element-page7-ntahpv"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-page-element-page7-Kk9IAz"> <div class="failure-img-block" data-ph-id="ph-page-element-page7-sgP8pX"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-page-element-page7-oPxXrg"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-C4Hko8" class="sr-only" data-ph-id="ph-page-element-page7-5bE9Sp">success icon </span></div> <div data-ph-id="ph-page-element-page7-xS5ZEz"> <h3 class="heading" data-ph-id="ph-page-element-page7-Bg95Iw"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-VflBzC" data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page7-7DZXAu"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-page-element-page7-k4fr9P"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-lkzW02" data-ph-at-id="sucess-desc1" data-ph-id="ph-page-element-page7-ELYpeL"> Your file is successfully uploaded </ppc-content> </div> <div class="p-text" data-ph-id="ph-page-element-page7-45fk4f"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Vd89wL" data-ph-at-id="sucess-desc2" data-ph-id="ph-page-element-page7-QwiCVA"> Enjoy your personalized jobs </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page7-ZYGUaP"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file upload success popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-Me4huv" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-aNRch9"> <span class="btn primary-button" data-ph-id="ph-page-element-page7-0Jg1Rc"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-MjrqfH" data-ph-at-id="close-link-text" data-ph-id="ph-page-element-page7-vfulbE"> Close </ppc-content> </span> </button> </div> </div> </div> </div> <div if.bind="isDeleteResume" class="upload-delete" data-ph-at-id="upload-delete-block" data-ph-id="ph-page-element-page7-fM8El1"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-8fZKlZ" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-XsBY3a"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-bUrzkR"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-page-element-page7-kI8ISV"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-page-element-page7-P8c8HQ"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-default-ai8eoj-WXqnlM" data-ph-id="ph-page-element-page7-J1NHa5">reset icon</span> </div> <div data-ph-id="ph-page-element-page7-DIlsDG"> <div class="p-text" data-ph-id="ph-page-element-page7-rMJFfP"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-ycqUk3" data-ph-at-id="description-text" data-ph-id="ph-page-element-page7-QNtOdn"> By resetting personalization <br data-ph-id="ph-page-element-page7-ZOhfK7" />you will lose your personalized job recommendations </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page7-Aya8gT"> <div class="delete-link" data-ph-id="ph-page-element-page7-fK90r1"> <button class="btn warning-button" aria-label="Reset" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-YnWC6t" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-page-element-page7-ySEwA8"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Bh4MOM" data-ph-id="ph-page-element-page7-mEAJ8J"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="6ty93o" if.bind="isFyfEnabled" data-ph-id="ph-page-element-page7-vJJQb5" view="1686138004643-default" original-view="default" theme="default"> <div class="ph-find-your-fit-v1-default-default ph-widget-target" fyf-steps.bind="stepsData" fyf-info.bind="fyfInfoData" as-element="ph-find-your-fit-v1" instance-id="6ty93o" data-widget="ph-find-your-fit-v1" view="1686138004643-default" original-view="default" data-ph-id="ph-page-element-page7-VwA5Y3"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page7-9Wbx9w"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page7-EcQuAR"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-page-element-page7-n82w9W" view="1686138005286-default" original-view="default" theme="default"> <div as-element="ph-candidate-login-v1" flow-type="signUp" data-widget="ph-candidate-login-v1" widget-context.bind="candidatePopupData" class="ph-candidate-login-v1-default-default ph-widget-target" view="1686138005286-default" instance-id="fyf2" original-view="default" data-ph-id="ph-page-element-page7-AhbpKt"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-3wfhuN"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-page-element-page7-YOQvx0"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-page-element-page7-QKbH9N"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1686138004618-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page7-6G4dnY"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" ph-tevent="new-resume" key-aria-label="ph-import-resume-v1-re-upload-fyf3jd-SvSSke" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page7-fj6lwB"> <span class="action-icon" data-ph-id="ph-page-element-page7-JmTu57"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page7-hbMdM9"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload-fyf3jd-J1LA4d" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page7-yDirDc">Upload new </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1686138004618-external-upload-resume" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page7-GPPGo8"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="ph-import-resume-v1-external-upload-resume--CS9JYM" data-ph-at-id="upload-resume-button" data-ph-id="ph-page-element-page7-Ixdt4N"> <div class="dropzone-content" data-ph-id="ph-page-element-page7-zKdgR6"> <div class="content-holder" data-ph-id="ph-page-element-page7-rc9E4T"> <span data-ph-id="ph-page-element-page7-eHhyux"> <ppc-content key="ph-import-resume-v1-external-upload-resume--IipmDB" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-page-element-page7-H0p3XB">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1686138005710-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-RlEs3T"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page7-lE3vT7"> <div class="widget-container" data-ph-id="ph-page-element-page7-I9lRZe"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page7-PTHAvp"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page7-TFyToF"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-AXyhGP"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-7uyy7u-NZ4gng" data-ph-id="ph-page-element-page7-CEJ7fU"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-bDdZzf"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-zz29WF"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-2yGJqE"> <ppc-content key="ph-social-connect-v1-view5-7uyy7u-wU3Zcn" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-Q9PEab">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-kHkYvp"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-bsToeU"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-pcOKPR"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-v2G73I"> <ppc-content key="ph-social-connect-v1-view5-7uyy7u-OBqs2d" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-YOFQRt">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-kHkYvp"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-bsToeU"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-GdALio"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page7-bIzCyf"> <span class="social-alert-msg" data-ph-id="ph-page-element-page7-fxSelo"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-7uyy7u-nfofmB" data-ph-id="ph-page-element-page7-TI5Mat"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-7uyy7u-fSDRfS" data-ph-id="ph-page-element-page7-Y2d6aV"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-page7-sUVl9p"> <div class="icon-block" data-ph-id="ph-page-element-page7-1qjdu9"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page7-6C4F4D"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page7-7iMKg4"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1686138005286-default" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page7-ZmQirJ"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page7-XIUYTb"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-page7-wRdr1f"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-IhnikI"></i> <span data-ph-id="ph-page-element-page7-qXLcez">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-page7-v66wI8"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-pLzCBL"></i> <span data-ph-id="ph-page-element-page7-nlFc0Y">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-page-element-page7-D74MHi"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-VN6gUu"> <span if.bind="registeredSuccessfully" data-ph-id="ph-page-element-page7-LBcAMX"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-page-element-page7-LZkLRl"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page7-mL5c0m"> <span data-ph-id="ph-page-element-page7-W1x6Ic">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page7-u7XISy"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page7-ygDo6Y"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-page-element-page7-7eVASE"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <span class="un-verified-error" if.bind="!isDropdownOpen && isEmailValidationEnabled && !isVerifiedUser" data-ph-id="ph-page-element-page7-6Ce9fI"></span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page7-nJw9gI"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page7-UqP7mY"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page7-V9vuxz"> <span data-ph-id="ph-page-element-page7-PF4N3l">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page7-sbd6xh"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page7-VGsvQg"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page7-nh1FVh"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-page-element-page7-Ziga1C"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-page-element-page7-aqxKr0"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-page-element-page7-g80ZxE"> <div class="user-actions-list" data-ph-id="ph-page-element-page7-UQnclp"> <div class="user-actions-listitem" data-ph-id="ph-page-element-page7-qoNORC"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-page7-vOlmES"> ${widgetBundle['personalAccountLinkText'] | pht} </a> <span class="un-verified-error" if.bind="isEmailValidationEnabled && !isVerifiedUser" data-ph-id="ph-page-element-page7-9QOkZZ"></span> </div> <div class="user-actions-listitem" data-ph-id="ph-page-element-page7-Th06Qp"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-N5Ymmg"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-page7-6RV2I5"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page7-rwGYMt"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-page7-llMHpk"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page7-ybKbw7"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page7-gIZ5So"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-sNMxbO"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-T5frU3"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-RQElEQ"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page7-wrpoWQ"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-jAi4NL"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-lWoptG"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page7-uft2qM"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-mIWQCc"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-gSB6Qw"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-6xrNm3"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page7-mE6vCo"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-Y9jKQr"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-3CO14W"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page7-Gur6Gn"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-JHEER0"> <form novalidate="" data-ph-id="ph-page-element-page7-NeQwfT"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-NPn135"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page7-3rGJ2m"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page7-Wy1vAu"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-Xa2cea"> <div class="text-box" data-ph-id="ph-page-element-page7-8KDyXm"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-aEJV0w"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-G33bkT"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-ATClTa"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page7-EVgKNS"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-kI4P23"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-ortp6Y"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-9B0J71"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-0F53Td"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-pNWhbx"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-3OQepf"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page7-jcCTYn"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-FwUmoG"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-D0K8Gx"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page7-zsrlSe"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-o78Mik"> <div class="text-box" data-ph-id="ph-page-element-page7-cmnXih"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page7-ew8bVJ"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page7-rqLZCz"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-GMfG5x"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-lPtnKw"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-Bkiawz"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-oFI9Db"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-RmW4hK"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-qjAaC9"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-ISjiVp"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page7-EE3Bhi"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-szvdLX"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-w2SeG4"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-ZSY3p1"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page7-TUMDPF"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page7-2H2ulP"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-KiD2p1"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page7-Q8HFLY"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-d87JsX"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-rdiDbI"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-33WuB9"> <div class="form-container" data-ph-id="ph-page-element-page7-TfB6NZ"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-p5Px2j"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page7-0wk6a6"> <div class="user-options" data-ph-id="ph-page-element-page7-Al9z35"> <span class="each-option" data-ph-id="ph-page-element-page7-SKLdiv"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page7-Q21pAS"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page7-veyXmO"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page7-KqYiFC"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-GIoCaP"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page7-Dcqgqp"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page7-wPR2dZ"> <span class="forgot-password-area" data-ph-id="ph-page-element-page7-rZq96Z"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page7-hJ93do"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-QPZ0N5"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page7-3s7TQV"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-ijYvcv"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-SN3pVs"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-Q5awzL"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page7-5rN6jj"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-XbeXxB"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-k8rxdv"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page7-v2HqGO"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page7-GHBprH"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-AlXiw4"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page7-dSmoZU"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page7-B8Co04"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page7-MjASVK"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-KBU5Gi"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page7-fTWe7j"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-uH1jQ1"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page7-5JlZjJ"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-E69p4n"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page7-ueSKZ9"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page7-sG4Bbf"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page7-FvOgNE"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-jlmrLd"> <form novalidate="" data-ph-id="ph-page-element-page7-uFgpkN"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-4Vun5n"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page7-596vzl"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page7-9JZa2r"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-LhoL74"> <div class="text-box" data-ph-id="ph-page-element-page7-p4jTRB"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-1QcM6E"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-pVqL9A"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-gg9lD9"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page7-M2D4cc"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-wbYHwr"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-lI5O1t"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-LfbHlV"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-Tzrujd"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-LcHZrd"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-PlV5Ep"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page7-H7SCHC"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-p2c8x7"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-page7-zFulyH"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page7-g9nwwr"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-hGWcoq"> <div class="text-box" data-ph-id="ph-page-element-page7-tN4Dcq"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page7-qoIQu3"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page7-FxXHD1"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page7-ocinPw"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-z5pnaI"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-hRZUui"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-HfkO08"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-mL4gK9"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-2CKw1y"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-iz42lu"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-g3xpps"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-page-element-page7-xy9OEK"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page7-0pq5kt"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page7-byA27h"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page7-m0OxdX"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page7-FRWHFv"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page7-eodx16"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page7-72gLLz"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page7-8RdL8F"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-xqBKYh">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-XkbRzK">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-smE9P5">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-Wu9vjk">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-NDm903"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page7-rpnWbM"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-lSIzfM"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-EdfHiK"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-baE6i6"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page7-EowlNm"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-fyf2-JPVA6D" data-ph-id="ph-page-element-page7-5gAzRn"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-vSkPHa"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-nU3dKi"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-taAbPK"> <ppc-content key="ph-candidate-login-v1-default-fyf2-Lh1rvB" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page7-OZNrNh">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page7-PDsSCK"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-6bUzM6"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page7-mABGNY"> <span class="checkbox-text" data-ph-id="ph-page-element-page7-PCj8d7"> <ppc-content key="ph-candidate-login-v1-default-fyf2-mWGzIb" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page7-WcRBOw">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page7-PDsSCK"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-6bUzM6"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page7-rBmvmR"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-3a5ii4"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-D5MMRl"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-3ky4fd"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-FBazkN"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-qNwY2h"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-BShQUr"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-jIU0o6">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page7-qxz61H"> <span class="sr-only required-text" data-ph-id="ph-page-element-page7-6MLsVR"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-Dy5lXe"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page7-503dk4"> <span class="alert-msg" data-ph-id="ph-page-element-page7-0zKa04"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-page7-oH8WkD"> <span class="alert-msg" data-ph-id="ph-page-element-page7-jWlhf3"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page7-dORf6X"> <div class="form-container" data-ph-id="ph-page-element-page7-Q62Msd"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-DV3n60"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page7-Mi70cH"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-page-element-page7-4tQK2N"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page7-EzfW0V"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page7-Vk7vAm"> <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="1686138007031-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page7-PSlt8v"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page7-zizm5f"> <span data-ph-id="ph-page-element-page7-MnDieM"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-pjPVpl"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page7-tR1cxU"> <span data-ph-id="ph-page-element-page7-CG3HLb"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-yVazct"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page7-60kr0Q"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-Hpg0gD">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page7-QdYeMQ">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="!isShowEmailValidationPopup && showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page7-5985XW"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page7-fWXO3q"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page7-nyqpMc"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page7-cfM9Gz"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page7-Ix8L1t"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-YSwxal"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page7-FEwfAv"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-BqtXcQ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-9jUJja"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-O1uA2l"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-GAIvdb"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-rZ0RxT">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page7-10gaDa"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page7-zpLqCE"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="isEmailValidationEnabled && !isVerifiedUser && isShowEmailValidationPopup" data-ph-id="ph-page-element-page7-QEITKZ"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="email-val-heading-text" data-ph-id="ph-page-element-page7-qkfx6W"> <!-- email verification popup --> <div class="modal-dialog email-validation-popup" data-ph-id="ph-page-element-page7-SE1KNd"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeEmailValidationPopup()" aria-label="Close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-gmCidI"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page7-uhrBad"></i> </button> <h2 class="email-val-heading" data-ph-at-id="email-val-heading-text" data-ph-id="ph-page-element-page7-4YZbjl">${widgetBundle['emailValidationHeadingText'] | pht} </h2> <div class="email-val-desc" data-ph-at-id="email-val-desc-text" data-ph-id="ph-page-element-page7-IgKKMl"> ${widgetBundle['emailValidationDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-page-element-page7-yCsWJU">${profileDetails.profile.email}</span> ${widgetBundle['emailValidationDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-page-element-page7-BpAS1k"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-at-id="email-cal-resent-text" data-ph-id="ph-page-element-page7-fQwPDj"> ${widgetBundle['emailValResentEmailText'] | pht}</span> <button class="email-resend-link ${isResendFailed?'disabled' : ''}" :disabled="isResendFailed" click.delegate="resendVerificationEmail()" v-pcs-track="'resend_alert_click'" data-ph-at-id="email-val-resent-btn-text" data-ph-id="ph-page-element-page7-5QdnQt">${widgetBundle['emailValLinkText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-candidate-login-email-sent-failed" tabindex="-1" data-ph-id="ph-page-element-page7-Y5luj5"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-page-element-page7-ILS5oe"></i> <span data-ph-id="ph-page-element-page7-F7yLXS">${widgetBundle['resendFailedText'] | pht}</span> </span> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-page-element-page7-WKWtXy"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page7-8UqFd7"> <div class="modal-dialog email-val-success" data-ph-id="ph-page-element-page7-6nOpMt"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-page-element-page7-02GDyl"></i> <h3 class="succ-heading" data-ph-at-id="email-val-succ-heading-text" data-ph-id="ph-page-element-page7-JltDFn"> ${widgetBundle['emailValSuccessText'] | pht}</h3> <span class="succ-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-page-element-page7-0L3BOD">${widgetBundle['emailValSuccessDesc'] | pht}</span> <span class="succ-desc-login" if.bind="!isLoggedIn" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-page-element-page7-RffLPx">${widgetBundle['emailValSuccessLoginText'] | pht}</span> <button class="btn primary-button" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-page-element-page7-05VTuq">${widgetBundle['emailValSuccBtnText'] | pht}</button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="isShowValidationFailurePopup" data-ph-id="ph-page-element-page7-IeISbe"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" data-ph-id="ph-page-element-page7-Q4KfSK"> <div class="modal-dialog email-val-failure" data-ph-id="ph-page-element-page7-YBrLC1"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-0M9Saj"></i> <h3 class="succ-heading" data-ph-at-id="email-val-succ-heading-text" data-ph-id="ph-page-element-page7-n0Swix"> ${widgetBundle['emailValFailureText'] | pht}</h3> <span class="succ-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-page-element-page7-FCHRNr">${widgetBundle['emailValFailureDesc'] | pht}</span> <button class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-page-element-page7-QcQMZ1">${widgetBundle['emailValFailureBtnText'] | pht}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1686138006511-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-jVQzov"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page7-A9sFlv"> <div class="widget-container" data-ph-id="ph-page-element-page7-l1svfz"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page7-QNMauG"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page7-hPpUJn"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-EmKo88"> <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--XWDdWQ" data-ph-id="ph-page-element-page7-FwV69V"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-LNWFLq"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-5HRj75"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-bqkoTN"> <ppc-content key="ph-social-connect-v1-view5--YcElfJ" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-i18XSM">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-uxdhXs"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-KaQ7HD"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-nT5mya"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-xCk4hK"> <ppc-content key="ph-social-connect-v1-view5--UgicKo" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-TZW8ku">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-uxdhXs"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-KaQ7HD"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-Yo2Ui9"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page7-IyS24S"> <span class="social-alert-msg" data-ph-id="ph-page-element-page7-cobpvw"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--Tx7em0" data-ph-id="ph-page-element-page7-v5Y4IS"> <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--ggZWiM" data-ph-id="ph-page-element-page7-Helz22"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-page7-LLJXlT"> <div class="icon-block" data-ph-id="ph-page-element-page7-9hT6Um"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page7-5q5PkL"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page7-UDGRFe"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1686138005886-view1" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page7-3HBWsg"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-nyfCfx"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-page-element-page7-smPMhY"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page7-nVcYrR"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-GEgoJ7"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-6cveBx"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-page-element-page7-QVGdSC"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-ytN2hc"></i> <span class="alert-msg" data-ph-id="ph-page-element-page7-aEuMBi"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-IY0Mbr"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-page-element-page7-Yybb4G"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-el7Z7z"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-ZvfNB3"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-1EFTTz"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page7-IrRLbZ"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-KbmyA2"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-LF72qa"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page7-Ok6y49"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-IVNeC9"> <form novalidate="" data-ph-id="ph-page-element-page7-s1mzzj"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-mh1tXP"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page7-v5rTsy"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page7-6pbCFZ"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-NLKywi"> <div class="text-box" data-ph-id="ph-page-element-page7-jiTH2k"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-Eq77bL"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-FLRyi3"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-HS1RHK"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page7-Xs0uhD"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-DxfCoN"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-5fV6sG"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-N8HeET"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-2NoGYq"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-E4j6eI"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-DQTZao"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page7-655LlQ"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-0psISE"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-QgxdAG"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page7-q2zb5B"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-1u9mi1"> <div class="text-box" data-ph-id="ph-page-element-page7-QGoU3S"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block'" aria-describedby="errorPassword" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page7-swkEMw"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page7-lVxtWx"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-g6MYcq"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-kFUurc"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-o8RxAZ"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-Wg2xpX"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-oJbdHR"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-TaI6zo"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-Tvxwg1"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page7-i1vQ0m"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-MafXCj"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-TG9jlI"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-Ehme2F"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page7-cut2oN"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page7-aGYk5z"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-ZhrHyT"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page7-AX1NYM"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-jcdvXB"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-GofPha"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-jeA9zJ"> <div class="form-container" data-ph-id="ph-page-element-page7-F0SosS"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-Xt8qAA"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page7-CeB7QA"> <div class="user-options" data-ph-id="ph-page-element-page7-p4i6HC"> <span class="each-option" data-ph-id="ph-page-element-page7-SK3L0N"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page7-s1pDfh"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page7-3hXTA1"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page7-02LIsR"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-mH2xPv"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page7-byjXwg"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page7-JD5X9w"> <span class="forgot-password-area" data-ph-id="ph-page-element-page7-3EH6LS"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page7-8PsWn6"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-jSe7dS"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page7-CBFFkk"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-HP7wQj"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-KIks9e"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-ezJBBK"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page7-0jBUGe"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-RJ5Jbt"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-0PqixB"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page7-XM20UH"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page7-K6mA6w"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-G2GSC3"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page7-jRycp8"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page7-ySFPta"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-eEE6pA"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page7-VHXSwS"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page7-OZrhGz"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page7-ci26qk"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-yUyFlr"> <form novalidate="" data-ph-id="ph-page-element-page7-5LUdqV"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-yML9kJ"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page7-icidRM"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page7-3904JJ"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-r1Myf1"> <div class="text-box" data-ph-id="ph-page-element-page7-vPSwLv"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-QMMPkN"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-H4AYcD"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-HPUIaE"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page7-p0Lzxb"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-y3E4Or"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-Y0IV7l"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-xnFiSq"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-Qgekiy"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-vS9BEg"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-V2Zp7v"> You created an account with this email using ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page7-bXayuw"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-os7aXd"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-page-element-page7-vwhWCi"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page7-DqyvTw"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-Vr0k8O"> <div class="text-box" data-ph-id="ph-page-element-page7-edgeGo"> <input id="createPassword" aria-describedby="errorCreatePassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page7-HTtqm9"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page7-0ZCbOO"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page7-y7PVfk"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-zCsk7i"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-Qelj8X"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-3Dz5vu"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-KVv12d"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-KST7nV"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-J0lNGl"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-tfCe5O"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page7-ZBNUYD"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-nofkGG">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-y9I6H1">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-JeSkQ0">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-fZ5Feq">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-5uiqKu"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page7-Gi7mRj"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-1soJr1"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-VBFvB7"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-vgyBps"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page7-yspeXE"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page7-dMUQ0b"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page7-zGCCJT"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page7-3i2SpJ"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page7-e7aifl"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page7-jkpZS1"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-tLok17"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page7-8JHDFL"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-view1-fyf1-ioXSuK" data-ph-id="ph-page-element-page7-lMsybz"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-e9ftM3"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-wwn6Uv"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-WxodTn"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-4jWxEN" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page7-rklzto">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page7-CdLyJX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-DnHOFR"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page7-kuYiBg"> <span class="checkbox-text" data-ph-id="ph-page-element-page7-cK6HGP"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-Ksztd9" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page7-69jwdC">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page7-CdLyJX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-DnHOFR"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page7-P4NOtd"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-mKzk72"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk1signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk1signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-nVrORI"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-GBsCtg"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-WkPvlV"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-jxulKf"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-Cwp6er"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-S7CqUV">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-page-element-page7-OM7XoY"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1693219482789" instance-id="dk1signup" original-view="default" data-ph-id="ph-page-element-page7-NgekUo"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-mPD1CE"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page7-pijUQZ"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page7-HojGkr"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-UlIg7R"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-page-element-page7-UeoBN3"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page7-CVTvgt"> <div class="form-container" data-ph-id="ph-page-element-page7-nd4HGs"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-9ATjCO"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page7-l4JLn8"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-page7-63g5bk"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page7-8TghOw"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page7-Fk0lCg"> <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="1686138006706-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page7-ngURad"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page7-kzJXUe"> <span data-ph-id="ph-page-element-page7-tjJTJe"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-zVGuQu"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page7-PUIutu"> <span data-ph-id="ph-page-element-page7-LOtGL8"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-EHjbcv"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page7-X9zW4s"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-q3ixjI">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page7-TT8VNk">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-page-element-page7-KbGSJf"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-OL4aHC"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page7-auzDBn"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-iD0E3y"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-page-element-page7-tWrvmq"> <form novalidate="" data-ph-id="ph-page-element-page7-HYa8Yj"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-6u7eFQ"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page7-Jcxyc1"> <label for="createNewPassword" class="form-label" data-ph-id="ph-page-element-page7-uxtg46"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-toJ7y1"> <div class="text-box" data-ph-id="ph-page-element-page7-J5vPYr"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "errorCreateNewPassword" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-page-element-page7-1WJqOK"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page7-xqiwM8"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page7-SnXBZq"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-qBXyvc"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-4gEIkF"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-x24rWb"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-mRM4zi"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-pEmE8H"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-TEH9Bj"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-hmVJ2b"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-page-element-page7-jPfjkv"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page7-H9eZ0S"> <span class="sr-only" data-ph-id="ph-page-element-page7-gG859W"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page7-gxCrtu"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page7-LOet4d"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page7-C6bYqe"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page7-iw7zxM"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page7-wo113O"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-page-element-page7-orh0RC"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-ZXQJDo">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-pNueei">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-JggMA3">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-YPEb4k">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page7-bG3x0j"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page7-IglLgy"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-GhzjnN"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-ifYyWA"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-page-element-page7-LlSL2j"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-page-element-page7-iAM5lo"> <div class="form-container" data-ph-id="ph-page-element-page7-GHAJvT"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-e6caeU"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> <div class="popup-modal-backdrop active email-validation-wrapper" show.bind="isShowEmailValidationPopup" data-ph-id="ph-page-element-page7-LYgxqx"> <div class="modal fade in show modal-dialog ph-a11y-modal-area-email-validation email-validation-popup" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="email-val-heading-text" data-ph-id="ph-page-element-page7-OEdjk2"> <button class="close-popup close" key-aria-label="ph-candidate-login-v1-view1-fyf1-GJ6TaN" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-page-element-page7-vO64wW"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page7-F8gCoT"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-page-element-page7-v9rpod"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-page-element-page7-n40RzH"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-page-element-page7-7TvfPk">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-page-element-page7-FUie3i"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-page-element-page7-VEuADf">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-page-element-page7-BBPe6f"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-candidate-login-email-sent-failed" tabindex="-1" data-ph-id="ph-page-element-page7-ANQt3W"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-page-element-page7-xVDqUE"></i> <span data-ph-id="ph-page-element-page7-08Mdwy">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1686138004629-upload-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page7-oWFLui"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page7-fgT379"> <ppc-content key="ph-import-resume-v1-upload-new--DPcpPP" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page7-tUbl6I">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1686138005179-default-mobile" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page7-WgMqyy"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page7-8XbNKW"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-page7-tRx6D8"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-Zc5tWS"></i> <span data-ph-id="ph-page-element-page7-38mspN">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-page7-AGbMfl"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-V38I9I"></i> <span data-ph-id="ph-page-element-page7-mul2n9">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-page7-CByupi"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-page7-0EzABD"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-page7-CkI5Ou"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page7-SOC3lF"> <span data-ph-id="ph-page-element-page7-cL02Td">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page7-mUernk"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-lEv9xD"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-page7-zRTzlZ"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-page-element-page7-l3HheD"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName} </li> <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-page-element-page7-jtvTkM"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-page-element-page7-3tH65B"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-page7-eIpFa8"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </li> </ul> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-page7-OyDlDE"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page7-9HIXg9"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-page7-kABAyA"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page7-2J5PyR"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page7-p6khFD"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-DzZ6Qm"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-nMEHi3"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-eKvOVT"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page7-dK8BWa"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-oeFWoZ"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-enGeuC"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page7-CIa4Ce"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-4RitAJ"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-a2FNxx"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-s2iV6O"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page7-DsANoX"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-iuBjMH"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-f0FbHP"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page7-hH8wJi"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-ZqJbrv"> <form novalidate="" data-ph-id="ph-page-element-page7-gatVl5"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-gVF3qv"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page7-gKdPyz"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page7-MVlGaK"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-IT2JcY"> <div class="text-box" data-ph-id="ph-page-element-page7-Zf2Ser"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-C54LgN"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-MbZNMd"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-JINbfq"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page7-8bGoQb"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-8sFn99"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-oBBybp"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-YBDwKh"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-cL31o4"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-tSA2cn"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-0qqYCH"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page7-eKLZQ2"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-wCm2wf"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-tyOTd5"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page7-qvxirc"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-SCvmqK"> <div class="text-box" data-ph-id="ph-page-element-page7-Ym4Cyd"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page7-67QpvB"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page7-xUegyf"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-GIroOt"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-bYRqw1"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-stNEXr"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-oRXuAv"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-gsXmQd"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-QSmHjc"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-XMtGz4"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page7-EbrQwG"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-4JtIR4"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-NnugTT"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-J0qWIZ"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page7-5B2Ufh"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page7-OVOjeR"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-ayUXS9"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page7-pgwglZ"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-CXkcZz"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-4Om3ok"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-oqcTfm"> <div class="form-container" data-ph-id="ph-page-element-page7-G52Bi2"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-md6FWo"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page7-ldoke6"> <div class="user-options" data-ph-id="ph-page-element-page7-keBYzt"> <span class="each-option" data-ph-id="ph-page-element-page7-VkWqOF"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page7-TwtUdg"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page7-OPaDOr"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page7-PrAy46"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-Cb3BeG"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page7-TabWJo"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page7-NrQkAT"> <span class="forgot-password-area" data-ph-id="ph-page-element-page7-eQw6he"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page7-ncw1fo"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-waGJiF"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page7-duKuUq"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-GvNAt2"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-PFF6IP"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-iEzPDo"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page7-ktskhv"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-vtqcEf"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-QUkFJx"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page7-4i5wYC"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page7-XjsW2n"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-T2MMIM"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page7-aomj3U"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page7-WBkXpB"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page7-FKbjiS"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-lSuvyf"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page7-fPnTtc"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-pzzAXp"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page7-Q6f7G8"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-7Lzlak"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page7-foNRM5"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page7-m4S9RT"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page7-rytqWV"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-aFQuPK"> <form novalidate="" data-ph-id="ph-page-element-page7-kO1VEB"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-1o8MNB"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page7-ZeNt6J"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page7-Rnqfy2"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-ezOEZS"> <div class="text-box" data-ph-id="ph-page-element-page7-7IbpkO"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-BHinlj"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-DPooZy"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-JAyZYC"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page7-3z5W3i"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-9b5PLk"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-PUATHc"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-mDWkwY"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-o7mujm"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-WUzj9y"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-xpxLED"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page7-1yUIxq"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-goNnZU"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-page7-2SX9X1"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page7-iHDKfO"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-NTT0Gl"> <div class="text-box" data-ph-id="ph-page-element-page7-gEN0gP"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page7-p7G72l"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page7-YGopWW"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page7-O7XfUz"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-wCbhBT"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-zSyNH5"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-VVhiuW"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-RE0T65"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-OEBqGe"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-6R0R8a"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-7mXTrY"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-page-element-page7-sBD7KH"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page7-uA69YU"> <span class="sr-only" data-ph-id="ph-page-element-page7-oz9zhO"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page7-UI20Di"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page7-6Ld8EL"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page7-6l3s6m"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page7-mDYUZV"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page7-EVCoUI"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-page7-pcRyhr"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-quAd2R">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-7f8BRW">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-BDHzvs">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-M0TFKX">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-L0rbEr"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page7-V0Bs9k"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-DAkuPV"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-t2W44q"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-page-element-page7-32IQAZ"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page7-lW6Rdi"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-mobile-fyf3-B9zdbU" data-ph-id="ph-page-element-page7-Rd4NOm"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-MKVdxh"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-6G7l1g"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-pa13Cz"> <ppc-content key="ph-candidate-login-v1-default-mobile-fyf3-7RMZ4N" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page7-1HsK1U">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page7-yRgtcv"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-m7bNeG"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page7-ezSTj4"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-RVasaK"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-mb-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-TPkxIj"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-u81cWB"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-vuUhBm"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-1ftOUF"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-8q3Ihd"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-ietJjn">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page7-u1XdRb"> <span class="sr-only required-text" data-ph-id="ph-page-element-page7-FJcvVf"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-1k1BN0"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page7-nrCwRv"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page7-cUHRw7"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-page7-E0rQGW"> <span class="alert-msg" data-ph-id="ph-page-element-page7-NOWXbI"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page7-OGtmuC"> <div class="form-container" data-ph-id="ph-page-element-page7-2J8ARe"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-uC5Wv8"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page7-NfV9PZ"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-page7-Ez2wLP"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page7-R4EaYW"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page7-QpMPCW"> <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="1686138006931-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page7-BxsSTI"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page7-B8Izuv"> <span data-ph-id="ph-page-element-page7-VrR7Mw"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-3zfOrT"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page7-lnr6pL"> <span data-ph-id="ph-page-element-page7-37QoG0"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-CLV3H9"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page7-EQqJxk"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-VD28at">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page7-MXKDgR">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page7-Dmkoev"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page7-QDHfd5"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page7-BNBf3N"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page7-yLe9Xu"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page7-gYTbDL"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-E29Qrg"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-mb-signup' + $index}" aria-describedby="consent-error-mb-signup" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page7-zsNbCk"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-BUvZ7v"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-h8fCnk"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-DXWgTL"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-kLsJWs"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-JOaMO0">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page7-Dsax4I"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page7-X6Xp4U"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1686138005728-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page7-rgFYpT"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="ph-import-resume-v1-re-upload-fyf3jd-iZC6j1" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page7-AFKnJV"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-page-element-page7-4EBJeE"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page7-FFsc7U"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload-fyf3jd-dz9yQ6" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-page-element-page7-4vrr1C"> Select a file to upload. </ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-page-element-page7-bxHBSE"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page7-5XZyQ7"></i> </span> <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page7-LmI3fF"> <span data-ph-id="ph-page-element-page7-qIb6tE">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-KXcx29"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-KCHFYL"></i> </button> <span class="file-format" data-ph-id="ph-page-element-page7-NgyMqb">File format: txt,.pdf,.doc</span> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1686138006041-view5-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-9gktwW"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page7-cVoMgz"> <div class="widget-container" data-ph-id="ph-page-element-page7-GgmgNJ"> <div class="content-block" data-ph-id="ph-page-element-page7-qIPmOR"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new--LPry1e" data-ph-id="ph-page-element-page7-OmBAk9"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-new--PVMyI8" data-ph-id="ph-page-element-page7-aXGnZ4"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page7-S8YURJ"> <div class="icon-block" data-ph-id="ph-page-element-page7-iBmmVi"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page7-rf8QYV"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page7-TGmTjq"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-1686138004643-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page7-m32We8"> <div class="widget-container" data-ph-id="ph-page-element-page7-2fChC1"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-iZK09d"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-page-element-page7-pv7VGZ"> <div class="fyf-step-block" data-ph-id="ph-page-element-page7-gKABYv"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-xNVEV1"> </div> <!--Start FYF Start Area --> <!-- Authorise Step --> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-OyFSId"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-page-element-page7-8UjcCf"> <div class="heading-block" data-ph-id="ph-page-element-page7-dcC4A0"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-NXFDKP"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-mY2OGw" data-ph-id="ph-page-element-page7-9mWgec"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-page-element-page7-N6Pnsq"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page7-oXd0NM"></i> <span data-ph-id="ph-page-element-page7-B2yq1G"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Tq3Ir0" data-ph-id="ph-page-element-page7-NqlOOm"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </span> </div> </div> <section class="ph-widget" instance-id="7uyy7u" data-ph-id="ph-page-element-page7-eW9wT8"> <div class="ph-social-connect-v1-view5-default ph-widget-target" instance-id="7uyy7u" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1686138005710-view5" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-page-element-page7-M1gART"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-NzXDFU"> <div class="prev" data-ph-id="ph-page-element-page7-yVG0lI"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-R8plxm" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-iX9Jwv"> <span data-ph-id="ph-page-element-page7-VkwzTz"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-LF2D3W"></i> </span> </button> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' && !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-page-element-page7-gjiUOw"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-JOBdYq"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-DI4TtW"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-OnjwMe"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-YBCo5e" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-DBQG2M">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfCategories" tabindex="-1" data-ph-id="ph-page-element-page7-6zkksF"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-E82NEY" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-XeVaQb">What are you interested in?</ppc-content> </h2> </div> <fieldset class="categories-block" tabindex="-1" data-ph-at-id="categories-block" data-ph-at-data-count="stepData.categories.length" data-ph-id="ph-page-element-page7-fVzG7i"> <legend class="sr-only" data-ph-id="ph-page-element-page7-ilfxnY"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-rtJOfB" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-uKRMQy">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-page-element-page7-y67j1s"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-CJ3Rzr" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-tfoi3I">No Categories. </ppc-content> </div> <label if.bind="!noCategories" repeat.for="eachCategory of stepData.categories" class="cat-label" title="${eachCategory.category}" data-ph-id="ph-page-element-page7-84umqn"> <input model.bind="eachCategory.category" checked.bind="fyfStepConfig.categories.selectedCategories" type="checkbox" change.delegate="eachCategory.isChecked = !eachCategory.isChecked" aria-label="${eachCategory.category}" aria-checked="${eachCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="categories-link" data-ph-at-category-text="${eachCategory.category}" data-ph-id="ph-page-element-page7-esOTwq" /> <span class="cat-text" data-ph-id="ph-page-element-page7-0xhvv1">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-page-element-page7-f2bPL0"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page7-5vJHCr"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-lGvKSd"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-Q0K0xx"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-IQ0KeK"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-jnCpzg" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-4fbwDz">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-ge9YgO" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-f4KqYO">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" data-ph-id="ph-page-element-page7-emrqaO"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-RrLuR1" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-Fvd5ht">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-EAdFsb"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-GX3qd5" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-vLQOM9"> <span data-ph-id="ph-page-element-page7-yRCvuY"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-pz8HY6"></i> </span> </button> </div> </div> </div> <!-- End Categories Step --> <!-- Sub Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'subCategories' && !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-page-element-page7-PivdbW"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-TSsTPJ"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-GwsySW"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-PBSyBs"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-qqnpzh" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-PGPnqL">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-sub-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfSubCategories" tabindex="-1" data-ph-id="ph-page-element-page7-p2A3T9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Jf3dm2" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-8p3VKb">What are you interested in?</ppc-content> </h2> </div> <div class="sub-categories-block" data-ph-at-id="sub-categories-block" data-ph-at-data-count="stepData.subCategories.length" role="group" key-role="ph-find-your-fit-v1-default-6ty93o-i40J0H" aria-labelledby="phFyfSubCategories" data-ph-id="ph-page-element-page7-xdOnPw"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-page-element-page7-PqFRa2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-X5273x" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page7-OA5LZK">No Sub Categories. </ppc-content> </div> <label if.bind="!nosubCategories" repeat.for="eachSubCategory of stepData.subCategories" class="cat-label" title="${eachSubCategory.subCategory}" data-ph-id="ph-page-element-page7-BWiqJ3"> <input model.bind="eachSubCategory.subCategory" checked.bind="fyfStepConfig.subCategories.selectedSubCategories" type="checkbox" change.delegate="eachSubCategory.isChecked = !eachSubCategory.isChecked" aria-label="${eachSubCategory.subCategory}" aria-checked="${eachSubCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="subCategories-link" data-ph-at-subcategory-text="${eachSubCategory.subCategory}" data-ph-id="ph-page-element-page7-M6Kkfr" /> <span class="cat-text" data-ph-id="ph-page-element-page7-OYrG5N">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-page-element-page7-HHejhq"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page7-kiHThR"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-VEomg7"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-a0FjlY"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-7c125l"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-llAa4h" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-FWFW5P">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-Qhj1nK" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-HAVLUY">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" data-ph-id="ph-page-element-page7-jhfvUZ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-RxCHwu" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-pHYIMO">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-Ooyl5F"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-HJdO81" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-YJkmJe"> <span data-ph-id="ph-page-element-page7-BU4wZd"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-p2pwlP"></i> </span> </button> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-page-element-page7-y5lT0B"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-8h6isp"> <!-- <div class="ph-a11y-fyf-step-block" tabindex="-1"> <span class="sr-only" aria-hidden="true">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-HyWjvK"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-MNPh1K"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-LL0kQC" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-dQgbdt">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-jobTitle" class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-JFNCC9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Cot1we" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-VBLra9">What is your most recent job title?</ppc-content> </h2> </div> <div class="recent-title-block" data-ph-at-id="recenttitle-block" data-ph-id="ph-page-element-page7-uLsjzX"> <label for="recentTitles" data-ph-id="ph-page-element-page7-l1Zz3Z"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-page-element-page7-mZuj1K"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-zRTvWc" data-ph-id="ph-page-element-page7-Gk5OrK"> <input type="text" class="search-box ${fyfStepConfig.recentTitle.flag ? 'disabled':''}" id="recentTitles" name="recentTitles" showresultsonfocus="false" ph-a11y-autocomplete="" aria-label="Search for Job title" key-aria-label="ph-find-your-fit-v1-default-6ty93o-DY6Qnx" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" aria-labelledby="ph-fyf-jobTitle" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-page-element-page7-7KKGuX"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.recentTitle.value.length" focus.trigger="setFocusField('recentTitles')" blur.trigger="setFocusField('recentTitles',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-oGdANP" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page7-zvoajB"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page7-HmZaY5"></i> </button> <ul role="listbox" aria-labelledby="recenttitle-list" id="recenttitle-list" class="search-dropdown-list" aria-label="recent titles" show.bind="stepData.showRecentTitleDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.recentTitles.length}" data-ph-id="ph-page-element-page7-cS3nC6"> <li role="option" repeat.for="eachTitle of stepData.recentTitles" class="ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${fyfStepConfig.recentTitle.selectedTitle == eachTitle.title ?'selected':''}" id="result-item-${$index}" aria-selected="${eachTitle.aria.selected}" click.delegate="populateSelectedData(eachTitle, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" aria-label="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-page-element-page7-MBgl8q"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-Rtuf3w" data-ph-id="ph-page-element-page7-5XwGtg">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-r6ulon"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-page-element-page7-FztPix"> ${widgetBundle[stepData.recentTitles.length > 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown)" key="ph-find-your-fit-v1-default-6ty93o-TAAilu" data-ph-id="ph-page-element-page7-Q3S4BB"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-page-element-page7-onlDAX"> <label class="input-radio-group" data-ph-id="ph-page-element-page7-E7EC0Q"> <input type="checkbox" model.bind="fyfStepConfig.recentTitle.flag" checked.bind="fyfStepConfig.recentTitle.flag" aria-checked="${fyfStepConfig.recentTitle.flag?'true':'false'}" change.delegate="disableJobTitle()" data-ph-at-id="radio-button" aria-label="Just starting my career" key-aria-label="ph-find-your-fit-v1-default-6ty93o-5TwX11" data-ph-id="ph-page-element-page7-iC5KNa"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-2vS2WA"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-1h2Oqw"></span> <span class="radio-text" data-ph-id="ph-page-element-page7-WJmXkJ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-k5OaO8" data-ph-at-id="radio-button-text" data-ph-id="ph-page-element-page7-t85GHs">Just starting my career</ppc-content> </span> </input></label> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-TdVPq1"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-njBFqe"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && (!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag)" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-yhBaww"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-HArPul" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-mvLCAa">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-TtH4qD" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-GPHAsI">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.recentTitle.selectedTitle.length" data-ph-id="ph-page-element-page7-MPLvml"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-vFhkPX" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-dsuFL0">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-XVgB57"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-QnpjFl" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-QZEuoB"> <span data-ph-id="ph-page-element-page7-6tgERZ"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-rjtVkm"></i> </span> </button> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-page-element-page7-4ZVY7v"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-IDbq5T"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-A5ecqB"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-p1H4N3"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-2ucmF4" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-t9aW0a">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfSkills" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-HOuqjV"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0XnLFD" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-tPvreo">Tell us what you’re really good at.</ppc-content> </h2> </div> <div class="skills-block" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page7-9nh5Me"> <label for="skills" data-ph-id="ph-page-element-page7-GRyXXk"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-page-element-page7-hiSsBB">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page7-Xxaht9"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-page-element-page7-U0hGER"> ${fyfStepConfig.skills.selectedSkill.length == 1 ? 'Selected skill:':'Selected skills:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="selectedskills-block" data-ph-id="ph-page-element-page7-57PE2J"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-1" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.skills.selectedSkill.length}" role="presentation" data-ph-id="ph-page-element-page7-zES3v0"> <div role="list" data-ph-id="ph-page-element-page7-vI0wOG"> <li class="selected-data" show.bind="fyfStepConfig.skills.selectedSkill.length" repeat.for="suggestedSkill of fyfStepConfig.skills.selectedSkill" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-PFyTiM"> <span data-ph-id="ph-page-element-page7-j4kSHi">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove the ${suggestedSkill} skill" key-aria-label="ph-find-your-fit-v1-default-6ty93o-3Fb03z" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-page-element-page7-l9pbk5"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-160rAX"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page7-fdSsrf"> <div data-ph-id="ph-page-element-page7-UOza53"> <div class="search-box-inline" aria-owns="skill-list" aria-haspopup="listbox" aria-label="Tell us what you’re really good at" key-aria-label="ph-find-your-fit-v1-default-6ty93o-LutKQw" data-ph-id="ph-page-element-page7-cG3EJs"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfSkillsPlaceHolderText']" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-label="Search for skills" key-aria-label="ph-find-your-fit-v1-default-6ty93o-I5OzwN" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-page-element-page7-H15MgP"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.skills.value.length" focus.trigger="setFocusField('skills')" blur.trigger="setFocusField('skills',true)" aria-label="clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-9t29Wd" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page7-pa86G7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-nlaD9d"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showSkillsDropdown" data-ph-at-id="suggested-data-list" aria-label="skills" id="skill-list" aria-labelledby="skill-list" data-ph-at-data-count="${stepData.skills.length}" data-ph-id="ph-page-element-page7-46xrym"> <li role="option" repeat.for="eachSkill of stepData.skills" class="ph-autocomplete-input-listbox-item search-list-item ${eachSkill.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.skills.selectedSkill.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="result-item-${$index}" aria-selected="${eachSkill.aria.selected}" click.delegate="populateSelectedData(eachSkill, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-page-element-page7-B4r3vm"></li> <li class="search-noresults" if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-qiRq9R" data-ph-id="ph-page-element-page7-kw2NaJ">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-0ZTKXu"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page7-qk9NpT"> ${widgetBundle[stepData.skills.length > 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown)" key="ph-find-your-fit-v1-default-6ty93o-P5pnFQ" data-ph-id="ph-page-element-page7-Nt5DML"> No results are available </span> </div> <div class="suggestions" if.bind="stepData.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${stepData.suggestedSkills.length}" data-ph-id="ph-page-element-page7-PwI4oY"> <div data-ph-id="ph-page-element-page7-nJlMBa"> <h3 class="suggested-heading" data-ph-id="ph-page-element-page7-mdT7iJ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-SwLtib" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-page-element-page7-ulqw7p">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-page-element-page7-jRUVZC"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-page-element-page7-ymGfaH"> <button class="suggestions-btn" click.delegate="selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['addSkillButtinAriaLabel'] | pht: {'skillName': eachSkill.skill}}" data-ph-id="ph-page-element-page7-zvTE4H"> <span data-ph-id="ph-page-element-page7-TSyu6A">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page7-qlhloP"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-ikx2Nf"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-wpM1ak"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-oQjvZa"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-eMQBL9" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-ZNkaUI">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-S5zj0f" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-WMihBW">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-page-element-page7-HryxaH"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-agKL4N" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-LsTlOk">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-1YFpor"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-dvNwrE" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-7VSb16"> <span data-ph-id="ph-page-element-page7-Fr7bAj"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-sMq4PQ"></i> </span> </button> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page7-AcIERU"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-chiqJN"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-LkrulN"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-Lhstpc"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-J8AmvB" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-MpwyEq">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-1" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-OudJxp"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-x8ERAu" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-I6xhZH">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" data-ph-id="ph-page-element-page7-GUmZl8"> <legend class="sr-only" data-ph-id="ph-page-element-page7-A2xWMq"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-UZK66K" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-UHvbmF">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-page-element-page7-MFr3JP"> <input model.bind="exp" checked.bind="fyfStepConfig.workExperience.selectedExp" type="radio" aria-checked="${fyfStepConfig.workExperience.selectedExp?'true ':'false'}" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-page-element-page7-0SbiVa"> <span class="radio-text" data-ph-id="ph-page-element-page7-yr2ND5"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page7-OJ5hrs">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-0Yg1JG" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page7-xxDmoE"> Year </span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-ZCL2BS" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page7-g5xiuW"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-cKkYGw"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-I5ZOPV"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-page-element-page7-Fnj0wh"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-HW72JD" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-fIGmBK">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-ShWriM" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-rrBYnR">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-page-element-page7-U9Ncz2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-R7vsyG" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-lkJF6X">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-oRbKIB"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-8XBf3q" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-q3FPYI"> <span data-ph-id="ph-page-element-page7-aa4j10"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-XyAaGD"></i> </span> </button> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page7-4C0oEV"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-oAwXtc"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page7-3fdx9J"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-3rUGZr"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-hLs8on" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-lfjSFq">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-2" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-LEaI3P"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-5MzGNp" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-DMn6U3">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="ph-find-your-fit-v1-default-6ty93o-ev5d84" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-page-element-page7-Yu7K0A"> <legend class="sr-only" data-ph-id="ph-page-element-page7-bGD0Gi"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-xtGFhV" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-DXLkNu">How experienced are you?</ppc-content> </legend> <span repeat.for="exp of stepData.workExperience" class="exp-label" role="radio" aria-checked="false" data-ph-id="ph-page-element-page7-34kkqe"> <span class="check-mark" data-ph-id="ph-page-element-page7-xwsecq"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page7-XckSG3"></i> </span> <span class="radio-text" data-ph-id="ph-page-element-page7-aT80Ea"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page7-dTxuZq">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-AosrDf" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page7-XLxA47"> Year </span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-1KHeJH" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page7-iLVEkG"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-muJSVX"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-T4K8So"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-PHRlW2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-1jQNI9" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-H3kphv">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1)) " key="ph-find-your-fit-v1-default-6ty93o-KSNg30" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-mPAxRy">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-page-element-page7-haagC0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-eOYhJm" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-TIg97h">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-1VyaUE"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Pcy7Hc" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-lVVsjz"> <span data-ph-id="ph-page-element-page7-ArJj8v"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-zWu7Q6"></i> </span> </button> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-page-element-page7-ITRR8D"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-JDrGZ0"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-page-element-page7-CMJPEp"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-aUj7co"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ck9oAQ" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-PqPCaV">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-CmPEG6"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-m3DyTf" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-Rvwz0k">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-page-element-page7-n3CTXM"> <label for="locations" data-ph-id="ph-page-element-page7-oyngfO"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-page-element-page7-ky6fBc">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page7-RjnddI"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page7-9or6QJ"> ${fyfStepConfig.preferredLocation.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-page-element-page7-CzZ2C3"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocation.length}" role="presentation" aria-label="location" data-ph-id="ph-page-element-page7-HksMYo"> <div role="list" data-ph-id="ph-page-element-page7-Fd4u3i"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-kX0Cj8"> <span data-ph-id="ph-page-element-page7-EtjSA8">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove selected ${selectedLoc.location_display} location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-RAE1qH" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-page-element-page7-rm1AVy"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-OX0Jhx"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page7-fxgY9V"> <div data-ph-id="ph-page-element-page7-P3qTAa"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-HQcSvF" data-ph-id="ph-page-element-page7-wSqDXY"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-rPG0AA" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-page-element-page7-UjjUi2"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-QeNFqS" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page7-hb9Q3g"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-YEzVKd"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" aria-label="location" data-ph-id="ph-page-element-page7-VpCn1O"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page7-siTAt0"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-myMmri" data-ph-id="ph-page-element-page7-8OumCe">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-a9c6Sn"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page7-2VdG6b"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="ph-find-your-fit-v1-default-6ty93o-24lvKF" data-ph-id="ph-page-element-page7-biJ4zY"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-R4WfOM"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-tO21Ge"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page7-Mo6nNj"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-BNxNfw" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-1Gl2Rj">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-ldQlHY" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-vcZliu">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page7-cqv8Rx"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-jNog5X" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-0XZr61">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-cucBt6"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-M1LFYT" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-LVDEZD"> <span data-ph-id="ph-page-element-page7-A3TRnO"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-C9BSKJ"></i> </span> </button> </div> </div> </div> <!-- End prefered Location Step --> <!-- prefered Location Step With more options --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocationWithMoreOptions' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-page-element-page7-cSQh52"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-UtcYRB"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-page-element-page7-USp2Po"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-FZk2b9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-I1aDjT" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-rE9ZU8">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-O50jM0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-GQ5yfv" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-xtYUeM">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-page-element-page7-Q7ofvs"> <div class="preferred-location-container" data-ph-id="ph-page-element-page7-ONQOB8"> <ul class="" data-ph-id="ph-page-element-page7-gYIJen"> <li repeat.for="loc of stepData.locationOptions" data-ph-id="ph-page-element-page7-ipXSTo"> <input type="radio" id.bind="loc.name" name="selectLocation" model.bind="loc" aria-checked="${fyfStepConfig.locationOptions.selectedOption?'true ':'false'}" data-ph-at-id="loc-select" data-ph-at-exp-text="${loc.displayName}" checked.bind="fyfStepConfig.locationOptions.selectedOption" change.delegate="getGeoLocationPopup()" data-ph-id="ph-page-element-page7-yYVbzb"> <label for.bind="loc.name" data-ph-id="ph-page-element-page7-MJqmya">${widgetBundle[loc.name] || loc.displayName }</label> <span class="current-location" if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display" data-ph-id="ph-page-element-page7-7tyEma"> <i class="icon icon-user" data-ph-id="ph-page-element-page7-orBClm"></i> <span data-ph-id="ph-page-element-page7-g1rTmt">${fyfStepConfig.currentLocation.location_display}</span> </span> </input></li> </ul> </div> <div if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'findACity'" data-ph-id="ph-page-element-page7-kTsxWy"> <label for="locations" data-ph-id="ph-page-element-page7-Y8QJ8e"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-page-element-page7-bY1n8F">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page7-1SucsQ"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length" data-ph-id="ph-page-element-page7-TPCyiH"> ${fyfStepConfig.preferredLocationWithMoreOptions.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-page-element-page7-plhjTk"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocationWithMoreOptions.length}" role="presentation" aria-label="location" data-ph-id="ph-page-element-page7-HN17zb"> <div role="list" data-ph-id="ph-page-element-page7-pgWYLg"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocationWithMoreOptions" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-Xtq5YZ"> <span data-ph-id="ph-page-element-page7-yyqzYw">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove selected ${selectedLoc.location_display} location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-pBTmaJ" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-page-element-page7-l33pab"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-brntZ1"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page7-ct4iz8"> <div data-ph-id="ph-page-element-page7-U2rdJT"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-pFY8Uv" data-ph-id="ph-page-element-page7-Xtqf5Q"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-gJrVzU" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-page-element-page7-QiRxiO"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-FYzeGD" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page7-CY5JBe"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-C2KZen"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" aria-label="location" data-ph-id="ph-page-element-page7-exBNH0"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page7-uNBrEl"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-LUDAv5" data-ph-id="ph-page-element-page7-b8aowa">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-l8iB2G"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page7-LbUOo9"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="ph-find-your-fit-v1-default-6ty93o-DykrT4" data-ph-id="ph-page-element-page7-kTRAZC"> No results are available </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-Ne04eS"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page7-vJgxtD"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-at-id="next-link" data-ph-id="ph-page-element-page7-zCbSBt"> <ppc-content if.bind="!fyfStepConfig.preferredLocationWithMoreOptions.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-5xPkwk" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-jYHmQ3">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-5cYVIs" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page7-QNJyDR">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-id="ph-page-element-page7-T7T7Xn"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-vC3J6c" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-Z4uiNQ">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-sdwoFH"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-g5Uems" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-8ixjeC"> <span data-ph-id="ph-page-element-page7-C61VJE"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-eC5vc2"></i> </span> </button> </div> </div> <div class="popup-modal-backdrop location-blocked-popup active" if.bind="fyfStepConfig.locationBlockedPopup" data-ph-id="ph-page-element-page7-GZDf6Q"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="location-blocked-heading" data-ph-id="ph-page-element-page7-RmQylK"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-page7-I2zNny"> <div class="modal-body" data-ph-id="ph-page-element-page7-q9cSlJ"> <!-- <div class="close-popup-btn"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link"> <i class="icon icon-cancel-1" aria-hidden="true"></i> </button> </div> --> <svg class="location-pin" width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-ph-id="ph-page-element-page7-dAy93a"> <path d="M39.6339 37.8661C40.122 38.3543 40.122 39.1457 39.6339 39.6339C39.1457 40.122 38.3543 40.122 37.8661 39.6339L29.7171 31.4849L22.9115 38.7093C21.3324 40.3856 18.6675 40.3856 17.0884 38.7093L7 28H7.03807C4.51947 25.0351 3 21.195 3 17C3 13.5246 4.04286 10.2929 5.83273 7.6005L0.366116 2.13389C-0.122039 1.64574 -0.122039 0.85428 0.366116 0.366125C0.854272 -0.122031 1.64573 -0.122031 2.13388 0.366125L39.6339 37.8661ZM14.3171 16.0849C14.1147 16.6863 14.005 17.3303 14.005 18C14.005 21.3137 16.6913 24 20.005 24C20.6747 24 21.3187 23.8903 21.9201 23.6879L14.3171 16.0849ZM9.18582 3.88247L17.744 12.4406C18.4418 12.1565 19.2051 12 20.005 12C23.3187 12 26.005 14.6863 26.005 18C26.005 18.7999 25.8485 19.5632 25.5644 20.261L33.1175 27.8142C35.543 24.8755 37 21.1079 37 17C37 7.61116 29.3888 0 20 0C15.8921 0 12.1245 1.45702 9.18582 3.88247Z" fill="#316ED1" data-ph-id="ph-page-element-page7-ekHyqL" /> </svg> <h2 class="location-blocked-heading" id="location-blocked-heading" data-ph-at-id="location-blocked-text" data-ph-id="ph-page-element-page7-a11ItD"> ${widgetBundle['locationBlockedHeadingText'] | pht} </h2> <div class="location-blocked-description" data-ph-id="ph-page-element-page7-3FqHSh"> ${widgetBundle['locationBlockedDescriptionText'] | pht} </div> <button class="btn secondary-button location-blocked-button" click.delegate="closeLocationBlockedPopup()" data-ph-at-id="location-blocked-button" data-ph-id="ph-page-element-page7-ZnAb2o"> ${widgetBundle['locationBlockedOkText'] | pht} </button> </div> </div> </div> </div> </div> <!-- End prefered Location Step With more options --> <!-- contactInfo Step with Resume --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithResume' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page7-qHZiL1"> <div if.bind="showContactInfoScreen" data-ph-id="ph-page-element-page7-rvgj0C"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-179m14"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page7-2hbFbb"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-zpyuXt"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-qeQzBU" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-gO0nTm">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading ph-a11y-fyf-step-block" tabindex="-1" id="phFyfContactInfo" data-ph-id="ph-page-element-page7-CBdQgp"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-6LZL0h" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-Xu50Mt">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-lbLUD6" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-5mD1oT">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-JcJRyc"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-cDHTLE" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-ohAObK">If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page7-w6MNnr"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page7-scQtfF"> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-qfUkxg"> <div data-ph-id="ph-page-element-page7-MDb3Ew"> <label for="email-1" data-ph-id="ph-page-element-page7-RZfngZ"> <!-- <span key="fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only">Email *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-WDn9xX"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-PJufuw" data-ph-at-id="email-text" data-ph-id="ph-page-element-page7-PmUFBl">Email Address <span class="required" data-ph-id="ph-page-element-page7-G7qCtA"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-VEjBrx"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="Enter Email" key-placeholder="ph-find-your-fit-v1-default-6ty93o-ESuVbK" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page7-2QbsM0"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page7-2ad3yQ"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-P859Tf"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-gJRNGN" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page7-7Cifby">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-q8HeoW"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-xLUhko" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page7-P5zUMF">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page7-IMyDmJ"></i> </input></div> </div> </div> <div class="form-group" show.bind="preferredName" data-ph-id="ph-page-element-page7-oxUx9c"> <div data-ph-id="ph-page-element-page7-tzFXSd"> <label for="preferredName" data-ph-id="ph-page-element-page7-wUZgBp"> <span key="ph-find-your-fit-v1-default-6ty93o-EjkRdV" class="sr-only" data-ph-id="ph-page-element-page7-WZB4VG">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page7-rMFCzZ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-QlWSM0" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page7-RPCAaq"> Preferred name <span class="required" data-ph-id="ph-page-element-page7-Z6tqhf">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-KWlgy0"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Enter your preferred name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-TYWurn" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" data-ph-id="ph-page-element-page7-ZOpZfJ"> <!-- <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert"> <ppc-content key="fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text">Preferred Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-page-element-page7-bklbwT"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-page-element-page7-1OCs91"> <div data-ph-id="ph-page-element-page7-oo3FYy"> <label for="firstName" data-ph-id="ph-page-element-page7-J6FI1D"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-SsIoOm"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-xLBxUK" data-ph-at-id="name-text" data-ph-id="ph-page-element-page7-5zh5to"> First Name <span class="optional" data-ph-id="ph-page-element-page7-cT5R5S">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-1TcAVE"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="firstName" placeholder="Enter First Name" key-placeholder="ph-find-your-fit-v1-default-6ty93o-M9PWdk" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="firstName" data-ph-at-id="name-input" disabled.bind="nonEditableFields.firstName" data-ph-id="ph-page-element-page7-TGCP61"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.firstName.validField" data-ph-id="ph-page-element-page7-Ykshth"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-page-element-page7-AojHtv"> <div data-ph-id="ph-page-element-page7-6RgLLh"> <label for="lastName" data-ph-id="ph-page-element-page7-z0fpd0"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-mRowJ4"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-sHvZm1" data-ph-at-id="name-text" data-ph-id="ph-page-element-page7-2uqe6d"> Last Name <span class="optional" data-ph-id="ph-page-element-page7-SDnXHY">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-16F5L2"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.lastName ? 'disabled' : ''}" id="lastName" placeholder="Enter Last Name" key-placeholder="ph-find-your-fit-v1-default-6ty93o-LJ24tf" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.lastName" autocomplete="name" data-ph-at-id="name-input" disabled.bind="nonEditableFields.lastName" aria-required="true" data-ph-id="ph-page-element-page7-pxczL6"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.lastName.validField" data-ph-id="ph-page-element-page7-GEo3bq"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-page-element-page7-g72j8e"> <div data-ph-id="ph-page-element-page7-i9bSYe"> <label for="phone" data-ph-id="ph-page-element-page7-3ZGwi5"> <!-- <span key="fyfStepContactInfoPhoneText2" class="sr-only">Phone Number</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-AJC6hF"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-MhTXdl" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page7-qlF46n">Phone Number <span class="optional" data-ph-id="ph-page-element-page7-DyzYeK">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-2L8ZM6"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="${widgetBundle['fyfPhoneNumberPlaceHolderText'] | pht}" key-placeholder="ph-find-your-fit-v1-default-6ty93o-aNVzn9" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" disabled.bind="nonEditableFields.phone" data-ph-id="ph-page-element-page7-JdCC4G"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page7-S5XUGa"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-CzYcB1" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page7-XvkBZy">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page7-HYPkfq"></i> </input></div> <!-- <div class="security-info"> <div class="security-info-block"> <i class="icon icon-lock" aria-hidden="true"></i> <ppc-content key="fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text"> We take your privacy seriously. </ppc-content> </div> </div> --> </div> </div> <div class="form-group ${stepData.uploadResume.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-DUizqG"> <div data-ph-id="ph-page-element-page7-IMPkaA"> <label for="uploadResume" data-ph-id="ph-page-element-page7-3wuXLM"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-EygMX4"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-XFB9LT" data-ph-at-id="name-text" data-ph-id="ph-page-element-page7-naAQO9"> Upload your resume <span class="optional" data-ph-id="ph-page-element-page7-t8QuSI">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-B26rES"> <section class="ph-widget resume-upload-button" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-page-element-page7-uWGVzl"> <div class="ph-import-resume-v1-re-upload-default" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="1686138005728-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" fyf-step-config.bind="fyfStepConfig" success-import.bind="isResumeUploaded" fyf-provider.bind="fyfProvider" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-page-element-page7-q0JEMD"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page7-rgFYpT"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="ph-find-your-fit-v1-default-6ty93o-wdYx30" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page7-AFKnJV"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-page-element-page7-4EBJeE"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page7-FFsc7U"></i> </span> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-CP3uMr" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-page-element-page7-4vrr1C"> Select a file to upload. </ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-page-element-page7-bxHBSE"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page7-5XZyQ7"></i> </span> <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page7-LmI3fF"> <span data-ph-id="ph-page-element-page7-qIb6tE">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-KXcx29"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-KCHFYL"></i> </button> <span class="file-format" data-ph-id="ph-page-element-page7-NgyMqb">File format: txt,.pdf,.doc</span> </div> </div> </section> <!-- Loader that appears when you add any data --> <div class="loader-backdrop" show.bind="saveDetailsLoader" data-ph-id="ph-page-element-page7-TNfwd6"> <div ph-loading-img="show-loader.bind: saveDetailsLoader" class="show-loader" data-ph-id="ph-page-element-page7-jIkUTr"></div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop active" show.bind="saveDetailsDialog" data-ph-id="ph-page-element-page7-BQ5r1P"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page7-vDHdLd"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page7-UDC59R"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page7-vPsOfI"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeResumeUploadDetailsPopup('delete')" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page7-vhjZz8"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page7-45AWTG"></i> </button> </div> <div if.bind="popupType == 'saveChanges'" data-ph-id="ph-page-element-page7-tOQWvW"> <div class="heading-block" data-ph-id="ph-page-element-page7-eEsBkr"> <h2 class="sub-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page7-qgb74Z"> ${widgetBundle['unsavedPopupHeading'] | pht} </h2> <p class="heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page7-CMYVJj"> ${widgetBundle['unsavedPopupSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-page-element-page7-2AWB4m"> <div class="each-action" data-ph-id="ph-page-element-page7-2ZFFle"> <button class="btn save-btn primary-button" click.delegate="saveStepDetails()" data-ph-at-id="save-link" data-ph-id="ph-page-element-page7-NknjXv"> ${widgetBundle['unsavedPopupConfirmBtnTxt'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-page-element-page7-sj625L"> <button class="btn discard-btn plain-button" click.delegate="discardStepDetails()" data-ph-at-id="discard-link" data-ph-id="ph-page-element-page7-R54DxT"> ${widgetBundle['unsavedPopupCancelBtnTxt'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeUpload'" data-ph-id="ph-page-element-page7-pHflXh"> <span class="icon-container" data-ph-id="ph-page-element-page7-8hxqlN"> <i aria-hidden="true" class="icon icon-check-mark-thick-2" data-ph-id="ph-page-element-page7-hzxd72"></i> </span> <div class="heading-block" data-ph-id="ph-page-element-page7-YZRBB8"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page7-Y1O0Kg"> ${widgetBundle['resumeParsedText'] | pht} </h2> <p class="sub-heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page7-IvkZlA"> ${widgetBundle['resumeUploadedSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-page-element-page7-WoHL5t"> <div class="each-action" data-ph-id="ph-page-element-page7-bhk5eV"> <button class="btn small-btn save-btn primary-button" click.delegate="closeResumeUploadDetailsPopup('upload')" data-ph-at-id="save-link" data-ph-id="ph-page-element-page7-rAKKOu"> ${widgetBundle['gotItText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeError'" data-ph-id="ph-page-element-page7-36KUAl"> <div class="heading-block" data-ph-id="ph-page-element-page7-PG5Wpv"> <h2 class="heading error-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page7-dmMMql"> ${widgetBundle['oopsText'] | pht} </h2> <div id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page7-eQP9yV"> <span class="sub-heading error-heading" data-ph-id="ph-page-element-page7-Ukavmh"> ${widgetBundle['errorHeading'] | pht} </span> <p class="sub-heading error-heading" if.bind="!isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page7-xydS7b"> ${widgetBundle['uploadAgainText'] | pht} </p> <p class="sub-heading error-heading" if.bind="isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page7-CKN1eB"> ${widgetBundle['deleteAgainText'] | pht}. </p> </div> </div> <p class="info-text" id="info-upload" if.bind="resumeFileSizeExceeds" data-ph-id="ph-page-element-page7-PCeC5R"> ${widgetBundle['resumeFileSizeExceedsText'] | pht:{'fileSize':fileCtx.maxFileSize}} </p> <p class="info-text" id="info-upload" if.bind="resumeFileUnsupported" data-ph-id="ph-page-element-page7-EnGL0g"> ${widgetBundle['resumeFileUnsupportedText'] | pht:{'allowedFormats':fileCtx.allowedFormats}} </p> <div class="action-block resume-error" data-ph-id="ph-page-element-page7-AGpiH0"> <div class="each-action" data-ph-id="ph-page-element-page7-CtKg2b"> <button class="btn medium-btn save-btn primary-button" click.delegate="resumeUploadTryAgain()" data-ph-at-id="save-link" data-ph-id="ph-page-element-page7-Ow4ZvB"> ${widgetBundle['tryAgainText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeDelete'" data-ph-id="ph-page-element-page7-sPNNtr"> <div class="heading-block" data-ph-id="ph-page-element-page7-XvYuxX"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page7-gcBHRv"> ${widgetBundle['deleteResumeHeading'] | pht} </h2> </div> <div class="action-block" data-ph-id="ph-page-element-page7-lHLjVT"> <div class="each-action" data-ph-id="ph-page-element-page7-26YkXG"> <button class="btn save-btn primary-button" click.delegate="fyfProvider && fyfProvider.deleteResume()" data-ph-at-id="save-link" data-ph-id="ph-page-element-page7-fpbShJ"> ${widgetBundle['removeResumeBtnText'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-page-element-page7-lCNRTP"> <button class="btn discard-btn plain-button" click.delegate="closeResumeUploadDetailsPopup('delete')" data-ph-at-id="discard-link" data-ph-id="ph-page-element-page7-zQjvx9"> ${widgetBundle['cancleText'] | pht} </button> </div> </div> </div> </div> </div> </div> <!-- <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.uploadResume ? 'disabled' : ''}" id="uploadResume" placeholder="Drop resume file here or select a file to upload." key-placeholder="fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.uploadResume" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('uploadResume')" disabled.bind="nonEditableFields.uploadResume"> --> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <!-- <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField"></i> --> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-wCTkTD"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page7-rqkowf"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-YJJQsD"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93o-ZCCK97" data-ph-id="ph-page-element-page7-q8HqLG"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-WpiUBg"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-0fpCgZ"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-gg5GK3"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-BxqtQb" data-ph-id="ph-page-element-page7-LGGtSt"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-RCrdNM"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-FjiD6A">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page7-SpX8tE">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page7-47CsrC"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-wXHnqk" data-ph-id="ph-page-element-page7-Q0oBHR"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-RCrdNM"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-FjiD6A">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page7-SpX8tE">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page7-ZRioGb"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-9rc11S" data-ph-id="ph-page-element-page7-4y20tM"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-RYJaAK"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page7-yY81xb"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-EPfEEO"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93o-HPRL27" data-ph-id="ph-page-element-page7-5STvZv"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-hs4Wd6"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-MbnnsT"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-FQA1DC"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-gKT9SX" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-hEGsJF">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page7-ptavVX"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-oxcDqS"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-2V2UNS"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-nVrCZy"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-nWvcAL"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-zPcMXt"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-RlOMFW"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-ALUlS8">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page7-EpvLQB"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1693219482895" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page7-JZd84H"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-PJ0TP8"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page7-vcK6uE"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-TFaPip"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page7-l2neCs"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93o-8X03LB" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-bN3WNU"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-4jyX2p" data-ph-at-id="next-link-text" if.bind="isCandidateHomeEnabled" data-ph-id="ph-page-element-page7-o0q7nt">Submit</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-RFAN71" data-ph-at-id="send-link-text" if.bind="!isCandidateHomeEnabled" data-ph-id="ph-page-element-page7-teu7s9">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-Sbdref"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-tYpFIT" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-isK0lW"> <span data-ph-id="ph-page-element-page7-k6pSak"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-jiGiFj"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled && showLoginScreen" data-ph-id="ph-page-element-page7-9TxNB3"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-J9EATK"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-ZvMvXD"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-L1JdA6" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-xzCr0d">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-K690A2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-AgbPjA">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-page-element-page7-DIsh0k"> <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="1686138005750-view1" instance-id="fyf1" original-view="view1" data-ph-id="ph-page-element-page7-N1zxc9"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-cZRn4L"> <div class="prev" data-ph-id="ph-page-element-page7-Gv6SYs"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-oOC0d6" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-eUWDZj"> <span data-ph-id="ph-page-element-page7-lSziQV"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-2CCm9l"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step with Resume --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page7-erzYE7"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-page-element-page7-ekCbDp"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-FLp3ce"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page7-egnMh1"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page7-xR0VnZ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ZZWG3G" data-ph-at-id="error-text" data-ph-id="ph-page-element-page7-gIFp6r">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading ph-a11y-fyf-step-block" tabindex="-1" id="phFyfContactInfo" data-ph-id="ph-page-element-page7-Py4Lie"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-1HjXYf" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-wVFafP">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-IzzUPE" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-w5DjSi">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-iLTWSL"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-tMRRO2" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-JOyRFs">If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page7-EzGngi"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page7-JD8DNz"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-page-element-page7-l0TwRY"> <div data-ph-id="ph-page-element-page7-LgOlHf"> <label for="preferredName" data-ph-id="ph-page-element-page7-BauKDr"> <span key="ph-find-your-fit-v1-default-6ty93o-wChh6S" class="sr-only" data-ph-id="ph-page-element-page7-3B3uZn">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page7-fKXnzS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-tErpQM" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page7-AaK5hV"> Preferred name <span class="required" data-ph-id="ph-page-element-page7-Z6tqhf">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-OvK4v1"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Enter your preferred name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-Fpx6EK" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-page-element-page7-DaFL2Z"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-page-element-page7-GkzjXV"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-55i30g" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-page-element-page7-XbG35Z">Preferred Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-page-element-page7-8m4jag"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-fxRjcl"> <div data-ph-id="ph-page-element-page7-9kWefT"> <label for="name" data-ph-id="ph-page-element-page7-RAsCWN"> <span key="ph-find-your-fit-v1-default-6ty93o-gf4ZEt" class="sr-only" data-ph-id="ph-page-element-page7-6fejJn">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-sgtLo0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-L7uGvl" data-ph-at-id="name-text" data-ph-id="ph-page-element-page7-0y0mtk"> Full name <span class="required" data-ph-id="ph-page-element-page7-LoQpnd">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-fIfK0q"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="name" placeholder="Enter your name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-q91hLN" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-page-element-page7-kn7WA8"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page7-XXOtkX"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-eWhdGZ" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page7-AkbTIe">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page7-T4MV1e"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-yQ8U0y"> <div data-ph-id="ph-page-element-page7-aoEh7t"> <label for="email-1" data-ph-id="ph-page-element-page7-5d1ne5"> <span key="ph-find-your-fit-v1-default-6ty93o-F8lY4B" class="sr-only" data-ph-id="ph-page-element-page7-gKVTI6">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-lJ7KRk"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-vL2SuQ" data-ph-at-id="email-text" data-ph-id="ph-page-element-page7-kC7t13">Email <span class="required" data-ph-id="ph-page-element-page7-pMF3oL"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-O2pEng"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="ph-find-your-fit-v1-default-6ty93o-MoozH2" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page7-UmCK0F"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page7-3YKA4a"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-1P2qEN"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-EP8o4N" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page7-AqPcL1">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-VSGTgc"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-bT0fbX" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page7-Zglxdt">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page7-rDoLEW"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-yJ1JuJ"> <div data-ph-id="ph-page-element-page7-BcmKtw"> <label for="phone" data-ph-id="ph-page-element-page7-Ov1qBH"> <span key="ph-find-your-fit-v1-default-6ty93o-bqWz7q" class="sr-only" data-ph-id="ph-page-element-page7-bssub5">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-0GV5QX"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-DD3kOm" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page7-XjaoNP">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-nBx21F"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="(000) 000-0000" key-placeholder="ph-find-your-fit-v1-default-6ty93o-ynZtEc" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page7-jiazKo"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page7-oWgErp"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-1X1yqO" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page7-othGmo">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page7-TyGnfQ"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page7-duNxj1"> <div class="security-info-block" data-ph-id="ph-page-element-page7-I3ekTX"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page7-b5pZW4"></i> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-C6wIMb" data-ph-at-id="security-text" data-ph-id="ph-page-element-page7-9txVAT"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-Cptvvo"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page7-NsURkh"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-gsIfYn"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93o-KgpCFe" data-ph-id="ph-page-element-page7-Nk6i5a"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-ixZfYm"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-HM02SF"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-00cUPE"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-oM04UM" data-ph-id="ph-page-element-page7-LzapSv"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-RCrdNM"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-FjiD6A">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page7-SpX8tE">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page7-QBCg6N"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-49mObM" data-ph-id="ph-page-element-page7-qENZrO"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-RCrdNM"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-FjiD6A">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page7-SpX8tE">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page7-nyf9jH"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-YVtAiZ" data-ph-id="ph-page-element-page7-xyCLzP"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-b637Dw"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page7-7gEzns"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-jl7W2G"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93o-CuQErp" data-ph-id="ph-page-element-page7-mT8hiz"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-rnLR9k"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-GMOH8F"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-tGIFDE"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-HeHKnO" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-bn7ybR">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page7-3UrG73"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-ODoZws"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-Qjg1Yt"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-OEadaN"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-CGyvcq"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-60nIf0"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-1paciN"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-N3qkJG">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page7-oH11Q4"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1693219483011" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page7-giJfSU"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-lDEUne"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page7-wYjPyN"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-p12U8j"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page7-x8msHf"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Xvl3Oe" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-EHJZxw"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-w3usYh" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-Ly0CMD">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-FnDTks"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-ziDlct" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-PfFa4x"> <span data-ph-id="ph-page-element-page7-cKHlCK"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-UqFaR2"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-page-element-page7-QjTqsC"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-7qFpfr"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-Ouc2bZ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-xHmMpG" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-7sH2a1">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0JVQV8" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-1mIVjb">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-page-element-page7-IeehyI"> <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="1686138005886-view1" instance-id="fyf1" original-view="view1" data-ph-id="ph-page-element-page7-lrajtd"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-u1Pvyu"> <div class="prev" data-ph-id="ph-page-element-page7-1gGS61"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-vGzEQl" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-giuQq6"> <span data-ph-id="ph-page-element-page7-eNwgL7"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-fPiNlE"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page7-hYuULK"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page7-RByLmH"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page7-dWfQkj"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-page-element-page7-jXhBp6"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-JbtClL" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-Vx3B0F">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-EVA1Ul" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page7-Wf4I55">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page7-2Bf0wJ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-p6pIk0" data-ph-id="ph-page-element-page7-YAJhba"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page7-weQpdU"> <div class="ph-social-connect-v1-view5-new-default" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1686138006041-view5-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="" data-ph-id="ph-page-element-page7-nywUL7"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-9gktwW"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page7-cVoMgz"> <div class="widget-container" data-ph-id="ph-page-element-page7-GgmgNJ"> <div class="content-block" data-ph-id="ph-page-element-page7-qIPmOR"> <ul class="login-link-list" role="list" key-role="ph-find-your-fit-v1-default-6ty93o-bVhG3j" data-ph-id="ph-page-element-page7-OmBAk9"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-find-your-fit-v1-default-6ty93o-AhEz1j" data-ph-id="ph-page-element-page7-aXGnZ4"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page7-S8YURJ"> <div class="icon-block" data-ph-id="ph-page-element-page7-iBmmVi"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page7-rf8QYV"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page7-TGmTjq"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-page-element-page7-0mIGpY"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-dGPO05" data-ph-id="ph-page-element-page7-39T2nQ">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-page-element-page7-liYwNy"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-286vf3" data-ph-id="ph-page-element-page7-O3yFx6"> If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page7-MF1wO3"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page7-m0MvEk"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-page-element-page7-uEzDt6"> <div data-ph-id="ph-page-element-page7-bpvU5L"> <label for="preferredName" data-ph-id="ph-page-element-page7-7E91ts"> <span key="ph-find-your-fit-v1-default-6ty93o-v0lovX" class="sr-only" data-ph-id="ph-page-element-page7-uYIK9N">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page7-oELJXQ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-xQJLy9" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page7-wLt3B8"> Preferred name <span class="required" data-ph-id="ph-page-element-page7-Z6tqhf">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-OxybrX"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''} " id="preferredName" placeholder="Enter your preferred name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-zyNG57" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-page-element-page7-RsQdKl"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-page-element-page7-NzKEnN"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0JOcA0" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-page-element-page7-GrlF7E">Preferred Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-page-element-page7-Kg2itG"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-i5n0BY"> <div data-ph-id="ph-page-element-page7-7Sh9pw"> <label for="name" data-ph-id="ph-page-element-page7-PKMJDL"> <span key="ph-find-your-fit-v1-default-6ty93o-fP53f8" class="sr-only" data-ph-id="ph-page-element-page7-rROVJo">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-pFxPCn"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-pivmef" data-ph-at-id="name-text" data-ph-id="ph-page-element-page7-JVevhO"> Full name <span class="required" data-ph-id="ph-page-element-page7-LoQpnd">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-aho2FO"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''} " id="name" placeholder="Enter your name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-cxK7Qq" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-page-element-page7-sGqlX6"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page7-vKGK6F"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-BLzjQg" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page7-m6Ua8d">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page7-0pZEQ0"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-dQZ4tM"> <div data-ph-id="ph-page-element-page7-95rK5b"> <label for="email-2" data-ph-id="ph-page-element-page7-Z7MUfn"> <span key="ph-find-your-fit-v1-default-6ty93o-Kclx6h" class="sr-only" data-ph-id="ph-page-element-page7-DPz12U">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-drLW0i"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-yu8gL0" data-ph-at-id="email-text" data-ph-id="ph-page-element-page7-DcFQkj">Email <span class="required" data-ph-id="ph-page-element-page7-pMF3oL"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-XY8x4X"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="ph-find-your-fit-v1-default-6ty93o-kxcEcu" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page7-uPnTnF"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page7-MuOn6y"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-Ro2vbg"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-laSS9s" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page7-mm4PZ0">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page7-1yTdz2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-2jT4ui" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page7-iDH97D">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page7-I2zB7k"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page7-Mbvka2"> <div data-ph-id="ph-page-element-page7-HWJDbH"> <label for="phone" data-ph-id="ph-page-element-page7-2YN7pw"> <span key="ph-find-your-fit-v1-default-6ty93o-64W1b3" class="sr-only" data-ph-id="ph-page-element-page7-8NrbRj">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page7-0679Zy"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-vHXD96" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page7-C4C3Q4">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page7-AnRQTw"> <input type="text" name="phone" id="phone" class="form-control ph-a11y-form-control-phone" value.bind="fyfStepConfig.contactInfo.information.phone fs-block" placeholder="(000) 000-0000" key-placeholder="ph-find-your-fit-v1-default-6ty93o-cKjlzj" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page7-mu3LSk"> <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page7-1Gt0gL"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-TUEnqD" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page7-75rqhW">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page7-NFx7nA"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page7-U0BCw9"> <div class="security-info-block" data-ph-id="ph-page-element-page7-XG6yLh"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-6SYi3R" data-ph-at-id="security-text" data-ph-id="ph-page-element-page7-npyMkl"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-Q6l81i"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page7-hIJO3U"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-HrZG5V"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93o-49Ffwk" data-ph-id="ph-page-element-page7-IBOPRJ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-gNJgcN"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-atfMOK"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-GW74qx"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-vQ2JgR" data-ph-id="ph-page-element-page7-wAjh0v"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-SrHXrO"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-EYBi7q">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page7-zRXO81"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-vob6CB" data-ph-id="ph-page-element-page7-dXIQx1"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-SrHXrO"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page7-EYBi7q">terms of use</a> </ppc-content> </span> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length) && !hideOptIn" data-ph-id="ph-page-element-page7-b7Tcxl"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page7-esIlw1"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page7-zSECsu"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93o-96gyz4" data-ph-id="ph-page-element-page7-jF2jvy"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-iM8YUt"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-JNiLvu"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-niNQL2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-OmHa7I" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-E0B6qt">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page7-5sGBBv"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-hJYVwX" data-ph-id="ph-page-element-page7-qsHbah"> Please accept terms of use and policy. </ppc-content> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page7-YBgMPd"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-dmXg9N"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-SoSuVU"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-3RsFzu"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-OMpPPW"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-bSmF7N"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-JURRf4"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-60HjWS">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page7-oM7WUx"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1693219483174" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page7-SdRvMv"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-cwerXs"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page7-GsItpH"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page7-TZG0Tl"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page7-BPKZsS"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Xg9LDx" data-ph-at-id="send-link" data-ph-id="ph-page-element-page7-hF50nG"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-eEUdJJ" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page7-ra8WFW">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page7-U2WZ6V"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-fmlNkw" data-ph-at-id="back-link" data-ph-id="ph-page-element-page7-vXoJNB"> <span data-ph-id="ph-page-element-page7-x7n5HV"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page7-iuYERg"></i> </span> </button> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-page-element-page7-gDcdk6"> <button href="javascript:void(0);" click.delegate="skip()" if.bind="(isCandidateHomeEnabled && (fyfStepConfig.stepType == 'contactInfoWithResume') && (!showLoginScreen || (showLoginScreen && showSkipInCandidateLogin))) || !removeSkipButton" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType} step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-D6Lt5E" data-ph-at-id="skip-link" data-ph-id="ph-page-element-page7-PeuHiv"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-page-element-page7-NBJI5P"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-zvqpD9" data-ph-at-id="skip-link-text" data-ph-id="ph-page-element-page7-ZhZesV">Skip</ppc-content> </span> </button> </div> <!--End FYF Start Area --> <div class="step-count-block phs-step-count-block" show.bind="!stepsData[currentStep].skip" data-ph-id="ph-page-element-page7-j83fjY"> <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-page-element-page7-ZcXut9"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus,'stepsCount':stepsCount}}" css="width: ${stepStatus*100/stepsCount}%;" data-ph-id="ph-page-element-page7-nUuuBa"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-page-element-page7-ENv0Fu"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus+1}" data-ph-id="ph-page-element-page7-JiQas7"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus+1}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus+1,'stepsCount':stepsCount}}" css="width: ${(stepStatus+1)*100/stepsCount}%;" data-ph-id="ph-page-element-page7-JUYEZc"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-page-element-page7-nG1OgE"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-page-element-page7-Y1A9Q4"> <div data-ph-id="ph-page-element-page7-mNv6ES"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Xp42HU" data-ph-id="ph-page-element-page7-x3mAgH"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-BVPIAJ"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page7-t18f3e"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1686138007031-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-DkMtQU"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page7-uVC3mg"> <div class="widget-container" data-ph-id="ph-page-element-page7-RkXFpK"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page7-NjmmmM"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page7-k7YRZW"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-Sjmhu3"> <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--XWDdWQ" data-ph-id="ph-page-element-page7-fVIPH2"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-qvPw4R"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-0qllFm"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-nxmV38"> <ppc-content key="ph-social-connect-v1-view5--yhZg8h" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-DUfNDb">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-uxdhXs"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-KaQ7HD"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-hpdG14"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-BUPA0v"> <ppc-content key="ph-social-connect-v1-view5--z40sz5" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-7h35TC">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-uxdhXs"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-KaQ7HD"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-N6ewbW"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page7-jObErV"> <span class="social-alert-msg" data-ph-id="ph-page-element-page7-yEP2A6"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--Tx7em0" data-ph-id="ph-page-element-page7-WrW4A6"> <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--ggZWiM" data-ph-id="ph-page-element-page7-Uz7gfl"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-page7-y1bNfA"> <div class="icon-block" data-ph-id="ph-page-element-page7-Rq3v07"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page7-4qNLEt"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page7-neE18u"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1686138004629-view4" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-rxy6RW"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-page-element-page7-0qZbtM"> <!-- Social Connet Area Starts --> <div class="phs-social-connect-area ph-a11y-sign-in" data-ph-at-id="social-connect-area" data-ph-id="ph-page-element-page7-OnRD5P"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-page-element-page7-Rghoqj"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page7-6EQnJ8"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page7-8qdl9u"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-jqlz0X"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view4--9egHok" data-ph-id="ph-page-element-page7-i3OC2e"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-7m99uM"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-qYZ3o5"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-ukeLqu"> <ppc-content key="ph-social-connect-v1-view4--aSG1Ze" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-26fset"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-4aFYd4"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-xEBCdI"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-Et5n4S"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-vF13uy"> <ppc-content key="ph-social-connect-v1-view4--7cKNog" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-La1bDH"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-4aFYd4"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-xEBCdI"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-W9guld"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page7-Z3oiWr"> <span class="social-alert-msg" data-ph-id="ph-page-element-page7-ZVhaoz"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view4--YC9aai" data-ph-id="ph-page-element-page7-uvNF9s"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view4--iiS5Mh" data-ph-id="ph-page-element-page7-IbryVI"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page7-SXtAh7"> <div class="icon-block" data-ph-id="ph-page-element-page7-vmhd2I"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page7-hRT8Fb"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page7-PuLRLY"> ${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-1686138006706-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-H2kp3o"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page7-5NzKdd"> <div class="widget-container" data-ph-id="ph-page-element-page7-i2Ua5Y"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page7-zk49VZ"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page7-HR8CYC"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-yAZ4vD"> <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--XWDdWQ" data-ph-id="ph-page-element-page7-CABNqt"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-f659On"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-hB7A5t"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-nNtwnr"> <ppc-content key="ph-social-connect-v1-view5--ZArZTT" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-fMSaXv">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-uxdhXs"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-KaQ7HD"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-AanOXI"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-RmrCRP"> <ppc-content key="ph-social-connect-v1-view5--d0tASF" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-MiPNpB">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-uxdhXs"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-KaQ7HD"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-f2dk6e"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page7-COoWDd"> <span class="social-alert-msg" data-ph-id="ph-page-element-page7-mN9yAG"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--Tx7em0" data-ph-id="ph-page-element-page7-U7hU5D"> <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--ggZWiM" data-ph-id="ph-page-element-page7-fJ9z6F"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-page7-W4eQrp"> <div class="icon-block" data-ph-id="ph-page-element-page7-NiiCg5"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page7-ZzVIrZ"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page7-dBv1PS"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1686138005750-view1" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page7-diSJNv"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-coAyH9"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-page-element-page7-EkY2X4"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page7-2OugYg"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-PBbrJO"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-b0TUnk"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-page-element-page7-ZxySvf"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-J38XzW"></i> <span class="alert-msg" data-ph-id="ph-page-element-page7-IOZ7za"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-PIGAxO"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-page-element-page7-oZLoav"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page7-rIMFPG"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-T10xxC"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-r0NF8S"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page7-UpmPhO"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-VYTMwX"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-XwHHSJ"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page7-RYvHpu"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-Q1lpg1"> <form novalidate="" data-ph-id="ph-page-element-page7-XOVlAl"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-rDAwXF"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page7-WQw6RU"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page7-YyUtAi"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-tJWdoP"> <div class="text-box" data-ph-id="ph-page-element-page7-3V7LCV"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-U5ykPD"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-W16blY"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-LdNRdF"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page7-KCpw7q"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-A9PmHK"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-zp9isp"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-5CIKl0"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-v8fR5o"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-HRrfpj"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-vBlw3s"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page7-bqTD7R"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-06wVlf"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-YZW9nU"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page7-1m1ttl"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-ti7CGR"> <div class="text-box" data-ph-id="ph-page-element-page7-TdL7Wv"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block'" aria-describedby="errorPassword" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page7-LLPtUP"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page7-fkBRsb"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-VcJSSF"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-3omVwi"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-CVgksZ"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-vgiv9X"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-Ui9yJy"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-4sTlQN"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-OA0JmV"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page7-UCC7Ga"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-eaEnmp"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-z0Gm7n"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page7-RczDyt"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page7-AND3MO"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page7-YKC4Ig"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-OzcLxu"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page7-grxMaF"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-x4feLb"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-hhFWrJ"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page7-4TvDRt"> <div class="form-container" data-ph-id="ph-page-element-page7-LTAhAO"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-Gns2rY"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page7-iiVj2m"> <div class="user-options" data-ph-id="ph-page-element-page7-gIisG8"> <span class="each-option" data-ph-id="ph-page-element-page7-11STqi"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page7-mpvXnb"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page7-W3pAB3"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page7-QLzBRP"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-dWDwZO"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page7-azoAMc"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page7-jsktZ3"> <span class="forgot-password-area" data-ph-id="ph-page-element-page7-N580Td"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page7-pFaI0n"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-wfqhrP"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page7-Jd8lCY"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-ZWeJGI"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-7QRVGP"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page7-hwDryJ"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page7-7IcFQW"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-o5LLN2"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-384Pti"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page7-UZkonu"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page7-zfTmQi"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page7-z54jmI"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page7-PWIePO"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page7-JEyF1y"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-tNdNkx"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page7-UQh0bx"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page7-94P363"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page7-W8U0Ga"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page7-OZHAxq"> <form novalidate="" data-ph-id="ph-page-element-page7-i6O4fy"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-TD6IwR"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page7-eWRogb"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page7-isksmD"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-2JViFH"> <div class="text-box" data-ph-id="ph-page-element-page7-AKy764"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page7-LSwytz"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page7-vSroFl"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page7-lAZa3N"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page7-i5s7gu"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-aehdKo"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-Bz7j3o"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page7-0fMJsp"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-vkHrjY"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page7-LfoOYi"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page7-rU1jEr"> You created an account with this email using ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page7-pkUd0V"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-ENm6OR"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-page-element-page7-4LLcQA"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page7-XveJoL"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-ckosj9"> <div class="text-box" data-ph-id="ph-page-element-page7-MWZdJ1"> <input id="createPassword" aria-describedby="errorCreatePassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page7-KCTSNB"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page7-Pj2wYL"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page7-bQq6tx"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-gALOrN"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-xYiS0D"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-uVpwRA"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-xUBTpI"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-1zi18Z"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-j87nXG"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-jrjSHV"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page7-yK0uOC"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-2PpX1F">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-w6DzMb">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-gUivTq">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-7Q6MCF">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-4pN2jc"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page7-7yvc0l"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-KFX0nQ"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-d8jzmt"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-vM8pys"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page7-2qutyP"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page7-55lVrY"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page7-XFIvcO"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page7-c2mJQJ"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page7-AeORsG"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page7-swG1u6"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page7-hI5L47"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page7-YndnuQ"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-view1-fyf1-ioXSuK" data-ph-id="ph-page-element-page7-9n1mH8"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-EHKFuO"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-j2dRtZ"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-vOmtoA"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-tZSBgw" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page7-cZ9tR2">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page7-CdLyJX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-DnHOFR"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page7-FRfrE6"> <span class="checkbox-text" data-ph-id="ph-page-element-page7-vPIL4F"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-LAXoiZ" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page7-WK2ZCY">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page7-CdLyJX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-DnHOFR"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page7-q7Ngj7"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page7-8TdRW5"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk1signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk1signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page7-bze7zh"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-ytbZzp"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page7-WLOkVb"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page7-VOTVKM"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page7-zDDj5q"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page7-jBNqGD">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-page-element-page7-LBh4lI"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="default-1693219483330" instance-id="dk1signup" original-view="default" data-ph-id="ph-page-element-page7-82vPa7"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-9oZnCE"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page7-LHcWvt"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page7-Ybz5NO"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-CBhiiq"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-page-element-page7-cxdeeB"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page7-k7v24Y"> <div class="form-container" data-ph-id="ph-page-element-page7-crnhvr"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-RYsORI"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page7-PzogtQ"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-page7-t3SJxm"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page7-qixsG9"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page7-CmdQTQ"> <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="1686138006511-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page7-kPEiw0"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page7-9dYABW"> <span data-ph-id="ph-page-element-page7-vYhBFe"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page7-Kx8oI5"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page7-PHMBRA"> <span data-ph-id="ph-page-element-page7-LhRSmV"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page7-fpOkxk"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page7-VZxtzl"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-zQckO8">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page7-TgYw8X">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-page-element-page7-GCLJTY"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page7-hRLfcP"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page7-on1Oim"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page7-VXVD1b"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-page-element-page7-HfIMfs"> <form novalidate="" data-ph-id="ph-page-element-page7-88lo6G"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page7-amIzUt"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page7-ZcJ9T0"> <label for="createNewPassword" class="form-label" data-ph-id="ph-page-element-page7-s4FsHn"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page7-rLHcUD"> <div class="text-box" data-ph-id="ph-page-element-page7-ei9da5"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "errorCreateNewPassword" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-page-element-page7-SKgubx"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page7-XGWYko"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page7-ErCPlo"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page7-3veL3o"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page7-bZ9PWD"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-jRMQHO"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page7-SjtTIQ"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-HF4hjn"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-Rx13B0"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page7-KLpNeC"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-page-element-page7-UeEWDN"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page7-e2kb6K"> <span class="sr-only" data-ph-id="ph-page-element-page7-ApOTlT"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page7-xMuNer"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page7-aXB1Zo"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page7-hMfCXj"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page7-ucYYGR"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page7-PK804N"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-page-element-page7-WMdnt6"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-kFKbPJ">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-lZ5kNo">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-5AniLS">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page7-k9kaam">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page7-xwpfBa"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page7-AteEGe"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page7-3T7DKX"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page7-jusN2b"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-page-element-page7-wLDVgv"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-page-element-page7-AYEa28"> <div class="form-container" data-ph-id="ph-page-element-page7-L2I7bw"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page7-eEJXWr"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> <div class="popup-modal-backdrop active email-validation-wrapper" show.bind="isShowEmailValidationPopup" data-ph-id="ph-page-element-page7-wKITPS"> <div class="modal fade in show modal-dialog ph-a11y-modal-area-email-validation email-validation-popup" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="email-val-heading-text" data-ph-id="ph-page-element-page7-h02avI"> <button class="close-popup close" key-aria-label="ph-candidate-login-v1-view1-fyf1-GJ6TaN" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-page-element-page7-XkwQmv"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page7-bDSmNT"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-page-element-page7-SvmUam"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-page-element-page7-92PYsH"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-page-element-page7-Igai1r">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-page-element-page7-np6siA"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-page-element-page7-DmSMRs">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-page-element-page7-edYppa"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-candidate-login-email-sent-failed" tabindex="-1" data-ph-id="ph-page-element-page7-LOFl0t"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-page-element-page7-Gqbu36"></i> <span data-ph-id="ph-page-element-page7-g5FIfj">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1686138006931-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page7-4qHKWd"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page7-CpMnW5"> <div class="widget-container" data-ph-id="ph-page-element-page7-kyKVCX"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page7-1NdbRS"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page7-atnKWQ"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-lrthid"> <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--XWDdWQ" data-ph-id="ph-page-element-page7-TaPjEe"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page7-MXsLa4"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page7-kMCrmM"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-98GVLI"> <ppc-content key="ph-social-connect-v1-view5--9U5jgI" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-NWu2OS">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-uxdhXs"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-KaQ7HD"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page7-JNgFqi"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page7-jz11rF"> <ppc-content key="ph-social-connect-v1-view5--ukrHrD" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page7-ALovTp">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page7-uxdhXs"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page7-KaQ7HD"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-ViSRRc"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page7-zXljOC"> <span class="social-alert-msg" data-ph-id="ph-page-element-page7-FLCYjc"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--Tx7em0" data-ph-id="ph-page-element-page7-LiQ1Rn"> <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--ggZWiM" data-ph-id="ph-page-element-page7-PLlFvF"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-page7-yenBjr"> <div class="icon-block" data-ph-id="ph-page-element-page7-AEuLLj"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page7-IbEuRY"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page7-NmxyTa"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1663491087569" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-short-header-Q28Wjq"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-short-header-sCPqqh"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-YdNDeF"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-IuHdyh"></i> <span data-ph-id="ph-page-element-short-header-iKt7GJ">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-pyeeJP"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-gz8IoD"></i> <span data-ph-id="ph-page-element-short-header-ScYeWW">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-kn8nP8"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-short-header-euFfXM"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-short-header-zkmwNC"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-short-header-CN1Gek"> <span data-ph-id="ph-page-element-short-header-esMLWz">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-short-header-1oanbG"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-86kXwG"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-short-header-eO1KaY"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-page-element-short-header-HnyHmA"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName} </li> <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-page-element-short-header-f43QLz"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-page-element-short-header-PNW7cY"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-short-header-HjwUE7"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </li> </ul> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-short-header-0BZl7S"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-sRFGNh"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-short-header-PYga40"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-short-header-2uqkFP"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-mVbgEy"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-Yu8ywq"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-nBMe10"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-WGAY8q"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-ojflht"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-JBH03c"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-BABlok"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-gZBjCL"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-TdlTnR"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-HHTvcX"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-craIzW"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-short-header-ozNxa3"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-Xfp4MG"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-AlAN81"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-short-header-aJWMpP"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-A2NDOl"> <form novalidate="" data-ph-id="ph-page-element-short-header-y2nu4c"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-7ZYmKH"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-YDzBhl"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-short-header-6WGyvs"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-hYaHQR"> <div class="text-box" data-ph-id="ph-page-element-short-header-uTXCyi"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-tCBfM3"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-I9neqj"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-KEBwX3"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-short-header-0q8YGf"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-uwAI4s"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-NRGBTx"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-T6BIdc"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-cPrgZK"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-BDuLpf"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-Uq5F4j"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-short-header-xpNV27"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-6CrOvX"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-IUGV6A"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-short-header-5r49RD"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-MkLpj6"> <div class="text-box" data-ph-id="ph-page-element-short-header-hIWQK1"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-short-header-blWsbP"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-short-header-oXPQRE"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-CflA1F"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-t4LjvO"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-3dHzDZ"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-MjgiV9"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-yUnkwh"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-T0luqa"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-kTM9qx"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-short-header-apXkHA"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-7GHCKP"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-4mYger"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-FrsBkj"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-BcbE2N"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-mttjIv"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-X7N1e4"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-short-header-l9s43D"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-X3LyqE"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-xFEHM9"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-tAB2uF"> <div class="form-container" data-ph-id="ph-page-element-short-header-EzXRza"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-fQBAhg"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-short-header-9eXJq0"> <div class="user-options" data-ph-id="ph-page-element-short-header-cnvx9N"> <span class="each-option" data-ph-id="ph-page-element-short-header-fQlOWW"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-short-header-Eyau5Z"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-short-header-0Cch2j"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-short-header-n19kPv"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-OZpZ6U"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-short-header-3GJEuc"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-short-header-EqQyT4"> <span class="forgot-password-area" data-ph-id="ph-page-element-short-header-Kb5h8x"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-short-header-zGgDOg"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-HIvvYU"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-short-header-kVCpyn"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-oBb62Q"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-JUSpls"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-oeGMjA"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-short-header-fyFydc"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-bbQxG9"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-7OAcm1"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-short-header-sK4B7D"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-short-header-kGyg69"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-q0YM65"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-short-header-Sxtbie"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-short-header-Q7QhdQ"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-RS1bBy"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-TXyQfG"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-short-header-e80tnd"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-3P1RZu"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-NclH8g"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-EdViAr"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-short-header-u832aq"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-fix8kx"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-Vryu0j"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-JjXSeT"> <form novalidate="" data-ph-id="ph-page-element-short-header-YnXa5v"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-iAsjj8"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-short-header-rad11x"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-short-header-syyTEb"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-h7yP0Y"> <div class="text-box" data-ph-id="ph-page-element-short-header-iVBmuX"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-Y5SN0A"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-pdPUtj"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-v48Rr8"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-short-header-etloEs"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-0RdONW"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-rn5aMw"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-1R5WYy"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-OwK2BX"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-D6yb2s"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-0v1MnA"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-short-header-2CKTL1"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-3aXNXs"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-short-header-vx1Jyk"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-short-header-ZuZcjU"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-bDioEn"> <div class="text-box" data-ph-id="ph-page-element-short-header-1nEB8n"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-short-header-Cpv5Wf"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-short-header-pdCOpc"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-short-header-nlzVUI"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-tKUYAJ"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-F7wZMV"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-keNBw0"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-tyEwwM"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-YtSUJC"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-UbDEzv"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-14PI4W"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-page-element-short-header-bCozTn"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-Cl5AZN"> <span class="sr-only" data-ph-id="ph-page-element-short-header-ByEPsT"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-short-header-YlzmH8"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-short-header-Uu0XPG"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-short-header-xLcETy"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-short-header-b7qMuV"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-short-header-mSHpDX"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-short-header-7SFMaQ"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-2cChZI">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-JiZp5Y">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-npPrP4">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-lKVuIc">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-8PPheM"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-short-header-mp3roN"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-iybUVI"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-Hq6tEl"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-short-header-tSnTbb"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-short-header-3dzbe9"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-mobile-oiuytr-OWugyQ" data-ph-id="ph-page-element-short-header-N3o1pl"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-abwDTJ"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-jL7OhT"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-MZck3T"> <ppc-content key="ph-candidate-login-v1-default-mobile-oiuytr-CSDkNj" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-QUPcJt">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-peAvHP"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-VKNEIi"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-short-header-8sL2Ys"> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-nFx26H"> <ppc-content key="ph-candidate-login-v1-default-mobile-oiuytr-dswBlJ" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-FjKL8Y">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-peAvHP"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-VKNEIi"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-short-header-8nc9Ap"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-1vJvSp"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-mb-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-short-header-Klbe3A"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-ckabUk"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-yUuKJC"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-lTXJWd"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-8CRRX8"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-BY9mcq">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-short-header-zg5rQQ"> <span class="sr-only required-text" data-ph-id="ph-page-element-short-header-4loQ0o"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-cSVUdq"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-dTIXgu"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-short-header-3meM9t"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-aqP9xL"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-vSaYj1"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-short-header-r4FbnD"> <div class="form-container" data-ph-id="ph-page-element-short-header-YkXlh3"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-adMO2p"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-short-header-Ux5ZUL"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-short-header-toWuUl"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-short-header-kprgPd"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-short-header-9NCCIy" view="1663491094813-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-1675312123804" original-view="view5" instance-id="" data-ph-id="ph-page-element-short-header-D3kUDy"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-short-header-N6yPRw"> <span data-ph-id="ph-page-element-short-header-YuyUEj"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-6o16YE"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-short-header-HhCibR"> <span data-ph-id="ph-page-element-short-header-kcSKj3"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-jTAK6c"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-short-header-FzZpgx"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-oZmr1x">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-short-header-AnIJLL">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-short-header-2De017"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-short-header-UmXmGw"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-3Nmc7i"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-short-header-8sFtFv"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-short-header-5fJjiJ"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-dXoqI2"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-mb-signup' + $index}" aria-describedby="consent-error-mb-signup" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-short-header-srisfw"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-yqUIVV"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-ydmnzs"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-Ubjtuv"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-CsHAnb"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-0LBo8N">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-short-header-jr6THY"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-short-header-Mp4ZHA"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1675312123804" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-short-header-RMq8IQ"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-short-header-FGsv4G"> <div class="widget-container" data-ph-id="ph-page-element-short-header-7Ge1eL"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-OGtoIh"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-short-header-KDVGiF"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-snFLuv"> <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--XWDdWQ" data-ph-id="ph-page-element-short-header-s75518"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-uH2gHo"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-mrjvX9"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-gP5Usa"> <ppc-content key="ph-social-connect-v1-view5--tm1OOd" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-UMj0lO">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-9t67Gz"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-9WgOFo"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-TlCvXC"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-oCbWfJ"> <ppc-content key="ph-social-connect-v1-view5--Gq7GZF" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-oNlxiM">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-9t67Gz"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-9WgOFo"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-iLlFnz"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-short-header-HGvl8S"> <span class="social-alert-msg" data-ph-id="ph-page-element-short-header-zEm1na"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--Tx7em0" data-ph-id="ph-page-element-short-header-YEUXvW"> <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--ggZWiM" data-ph-id="ph-page-element-short-header-rPsZZI"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-short-header-fsqIXz"> <div class="icon-block" data-ph-id="ph-page-element-short-header-ngKf0u"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-short-header-r0umTq"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-short-header-sa8Alp"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-signout-1663491117798" nonce=""><div class="sign-out-widget-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-DdNfvx"> <a ph-tevent="signout_click" class="sign-out-btn" ph-href="logout" data-ph-at-id="sign-out-text" data-ph-id="ph-page-element-short-header-wH5HMI"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-aUl5rs"></i> <span data-ph-id="ph-page-element-short-header-Dv2zcy">${widgetBundle['signOutButton'] | pht}</span> </a> </div></script><script type="text/x-ph-tmpl" id="ph-language-selector-v2-view3-1606228440110" nonce=""><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-kbh5sC"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-0x9ng2"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-short-header-o5NTWS"> <!-- <label class="sr-only" for="selectedLanguageBtn" id="selectedLanguageLabel"> Language selector </label> --> <button if.bind="searchArray.length>1" class="language-block ${(searchArray.length==1)?'single-language':''} ${(searchArray.length>10) ? '':'dropdown-arrow'}" role="${(searchArray.length==1)?'text':'button'}" click.delegate="isshowDropDown = !isshowDropDown" aria-haspopup="true" aria-expanded="${isshowDropDown?true:false}" data-ph-id="ph-page-element-short-header-wIUd4K"> <span class="flag flag-${choosenLanguage.locationDisplayName}" blur.trigger="onBlurHandler($event, false)" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-L9dBM8"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-J2Zo1S"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-cmXcwC"> Language selected </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-x26b1r"> ${choosenLanguage.languageDisplayName} </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-31CSzx"> ${choosenLanguage.locationDisplayName} </span> <i aria-hidden="true" class="icon icon-triangle ${isshowDropDown ? 'icon-up' : 'icon-down'} arrow-icon" show.bind="(searchArray.length>1)" data-ph-id="ph-page-element-short-header-RilYee"></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-O8KQVa"> <div class="search-area ph-a11y-search-area" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-short-header-MdVeIs"> <label class="sr-only" for="language-selector" key="ph-language-selector-v2-view3-43qw7j-MYmCLX" data-ph-id="ph-page-element-short-header-rID2JW">Search location or Language</label> <input type="text" name="language-listbox" key-aria-label="ph-language-selector-v2-view3-43qw7j-8kUpsH" id="language-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="language-listbox" value.bind="filterKey" aria-describedby="suggestions" placeholder="Enter location or Language" focus.trigger="onBlurHandler($event, true)" blur.trigger="onBlurHandler($event, false)" key-placeholder="ph-language-selector-v2-view3-43qw7j-cQzBrq" data-show-listbox="false" data-ph-id="ph-page-element-short-header-XXhrhO" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-IoUwa8"></i> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.delegate="clearSearch()" focus.trigger="onBlurHandler($event, true)" blur.trigger="onBlurHandler($event, false)" if.bind="filterKey" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" data-ph-id="ph-page-element-short-header-SOR8vJ"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-rvlFKZ"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-iU7fSj"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-wx5a6D"> <ppc-content key="ph-language-selector-v2-view3-43qw7j-Lqcz8r" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-4q8szT">Clear text</ppc-content> </span> </a> </div> <ul class="dropdown-list" id="language-listbox" role="listbox" aria-label="language-list" aria-labelledby="language-listbox" tabindex="-1" data-ph-id="ph-page-element-short-header-F3g6uT"> <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-0fDUKo"> <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-Wl4QKl"> <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-FJ4XaT"></span> <div class="country" data-ph-id="ph-page-element-short-header-ToLI7s"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-csOg6R"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-ieuqX4"> <ppc-content data-ph-id="ph-page-element-short-header-r7EVEK"> selected </ppc-content> </div> </div> </a> </li> </ul> <div aria-atomic="true" aria-live="polite" id="suggestions" data-ph-id="ph-page-element-short-header-DsJGXn"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-XU3sCa"> <ppc-content key="ph-language-selector-v2-view3-43qw7j-apMSoC" data-ph-id="ph-page-element-short-header-TJSE8B"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-3Ri1kU"> ${roots.length} <ppc-content key="ph-language-selector-v2-view3-43qw7j-1jx5Im" data-ph-id="ph-page-element-short-header-rDpg50"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1663491047847" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-short-header-dBKDEm"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-short-header-JTay2i"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-xf8pr1"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-z9amEu"></i> <span data-ph-id="ph-page-element-short-header-VEOOSX">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-GKdFD3"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-LTHhbn"></i> <span data-ph-id="ph-page-element-short-header-oOqhdC">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-page-element-short-header-9kgN4f"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-5yEBYP"> <span if.bind="registeredSuccessfully" data-ph-id="ph-page-element-short-header-1CmjTC"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-page-element-short-header-DIgFBy"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-short-header-ZRamaK"> <span data-ph-id="ph-page-element-short-header-RPxlv4">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-short-header-6Vfv5p"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-short-header-nBADAk"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-page-element-short-header-uBlbKJ"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-page-element-short-header-J4LlPk"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-short-header-cYDpgZ"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-short-header-FijvSa"> <span data-ph-id="ph-page-element-short-header-6ogWET">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-short-header-3BNsOj"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-short-header-bfDxOp"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-short-header-mUEBie"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-page-element-short-header-w7g3fQ"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-page-element-short-header-ydgHQq"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-page-element-short-header-sdifra"> <div class="user-actions-list" data-ph-id="ph-page-element-short-header-5pcFZN"> <div class="user-actions-listitem" data-ph-id="ph-page-element-short-header-5efoiT"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-short-header-HQKCxO"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-page-element-short-header-mOYhv1"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-page-element-short-header-Mxvam3"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-short-header-J5qAyv"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-w0r73K"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-short-header-j8kUOF"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-short-header-mgq1uF"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-bSPc6j"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-BjDd9I"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-Vug6CJ"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-raYzwH"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-kGxsSe"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-3lKfm2"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-EYGuCT"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-RkBCZR"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-7YGhvV"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-BkdfSl"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-0tAqAm"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-short-header-BPHol9"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-F89K7z"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-RdP31g"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-short-header-rxLIPc"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-gCvA5f"> <form novalidate="" data-ph-id="ph-page-element-short-header-Iu65Oa"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-v4uaC3"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-NO5a73"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-short-header-0RQ5bK"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-MKFeE8"> <div class="text-box" data-ph-id="ph-page-element-short-header-RiMNq5"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-w3Sp5P"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-DjOkD8"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-SExQQW"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-short-header-EjKtLJ"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-vd8Tsh"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-MjjKTW"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-MtoqZ8"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-eF69QT"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-kAuYqD"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-uX4hct"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-short-header-1baOrU"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-siIHny"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-ykfFGC"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-short-header-A1AlgK"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-Sb3khm"> <div class="text-box" data-ph-id="ph-page-element-short-header-cN6cgb"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-short-header-YLfWIV"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-short-header-7V69OA"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-WKcLo9"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-nZYyoB"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-CMagzS"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-DYTjMN"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-hFo8vR"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-Ixvg0H"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-2KUbSv"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-short-header-cWDXbY"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-kXyjEE"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-8szk1b"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-z5mZm2"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-KspAoW"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-DKq22z"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-QxEccY"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-short-header-CdN3vo"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-1wgcMS"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-PVH4Q5"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-jbLX28"> <div class="form-container" data-ph-id="ph-page-element-short-header-Qd6cFI"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-4b929Z"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-short-header-UdTTYa"> <div class="user-options" data-ph-id="ph-page-element-short-header-lzOINW"> <span class="each-option" data-ph-id="ph-page-element-short-header-6QZjb5"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-short-header-nxqUJ8"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-short-header-0B46hy"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-short-header-FAYZpb"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-1oaUB0"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-short-header-vEYqm3"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-short-header-jaPAda"> <span class="forgot-password-area" data-ph-id="ph-page-element-short-header-NHuqUc"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-short-header-4d5TEq"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-mqtJ50"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-short-header-ybTbWU"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-p8teNt"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-jxed6z"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-4JZMmw"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-short-header-iD7fqO"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-e3xzgc"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-TuGh7W"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-short-header-qIcqzK"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-short-header-PAmpJi"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-3Gs18c"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-short-header-Jo7bVR"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-short-header-ZUZveN"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-BnFPZX"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-tn4hKr"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-short-header-A5WuC3"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-fuSDF4"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-TVGKiR"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-ao7uRG"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-short-header-E8WcZq"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-JxXDcF"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-QzHW5G"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-srJvoV"> <form novalidate="" data-ph-id="ph-page-element-short-header-CYr3NH"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-iqpkWJ"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-short-header-YNFU3Y"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-short-header-m8wVHU"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-cfhaCm"> <div class="text-box" data-ph-id="ph-page-element-short-header-iMfHeh"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-eAiTiq"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-af0VnE"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-52q6k1"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-short-header-ZmbI2M"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-raGRdY"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-oNiitf"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-WN0V5R"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-AYGQbU"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-OHw4sp"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-4CQYq2"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-short-header-Xsy5ky"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-EuQazl"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-short-header-sUczjn"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-short-header-CDhMvG"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-QUFWgB"> <div class="text-box" data-ph-id="ph-page-element-short-header-ubYmmy"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-short-header-ffPAc9"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-short-header-IEW7jU"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-short-header-VjsyQC"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-agnRqB"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-UFQI06"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-qzYxJk"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-4mNo0q"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-32e7YN"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-yRbH5t"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-dtFX8I"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-page-element-short-header-P0WYf8"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-short-header-LY3MSK"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-short-header-EETSJY"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-short-header-hVWGRo"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-short-header-kJwOMl"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-short-header-1TGgAx"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-short-header-pCg1S7"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-short-header-XASciX"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-EHtqWx">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-unLjR6">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-13i0Rz">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-eN7RRl">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-xLDhuP"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-short-header-QsEKbN"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-RpwkJk"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-Zem0V8"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-short-header-CzoqKQ"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-short-header-v7tjIB"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-ikjhyg-ueyPxB" data-ph-id="ph-page-element-short-header-hb3IQO"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-OH79E0"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-sUGOaH"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-yl1p08"> <ppc-content key="ph-candidate-login-v1-default-ikjhyg-I0TLOG" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-Mh6xTp">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-rkwOxM"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-gjksWN"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-short-header-C57CaQ"> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-KRtg8J"> <ppc-content key="ph-candidate-login-v1-default-ikjhyg-WlQr5H" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-F07mcr">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-rkwOxM"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-gjksWN"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-short-header-2JfRB9"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-Vkhl4I"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-short-header-11rtdZ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-wZpbOr"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-1fpgYW"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-rNyISW"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-xx4pVR"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-Kic7B1">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-short-header-7vd4DW"> <span class="sr-only required-text" data-ph-id="ph-page-element-short-header-GgVTzA"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-CVbewA"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-aOuUrp"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-36mfGb"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-2WEl6u"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-qOUAaF"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-short-header-QUOoNk"> <div class="form-container" data-ph-id="ph-page-element-short-header-YshGAG"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-KaKRyL"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-short-header-jepN53"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-YoEGyy"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-short-header-6HEr4G"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-short-header-WAZe8V" view="1663491055607-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-1675312123738" original-view="view5" instance-id="" data-ph-id="ph-page-element-short-header-Hy11Tp"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-short-header-gz0i94"> <span data-ph-id="ph-page-element-short-header-6wa3He"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-5sYI3k"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-short-header-qfeqwz"> <span data-ph-id="ph-page-element-short-header-16hzH1"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-sCpyTR"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-short-header-GaCUW7"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-nm1Lsf">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-short-header-Sc3Oc8">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-short-header-Ly9Oax"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-short-header-s2OLZC"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-UZxC56"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-short-header-EhDtoX"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-short-header-v0SeEb"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-Ui6sXs"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-short-header-oBBxCR"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-rmkU7q"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-rfFEW2"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-8z0N97"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-Az5fDI"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-kmmXSF">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-short-header-YdA3Ve"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-short-header-NaDP89"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1675312123738" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-short-header-WBfrve"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-short-header-Usx7A9"> <div class="widget-container" data-ph-id="ph-page-element-short-header-zF9MDF"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-yyyMdZ"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-short-header-pw5VUr"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-MKps9c"> <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--XWDdWQ" data-ph-id="ph-page-element-short-header-fBa2FE"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-y2VXPM"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-TwEeB7"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-2mH1gZ"> <ppc-content key="ph-social-connect-v1-view5--Os3llv" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-2oRUUb">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-9t67Gz"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-9WgOFo"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-wlnGqC"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-OGRFOp"> <ppc-content key="ph-social-connect-v1-view5--uVNWqQ" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-TMpjgb">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-9t67Gz"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-9WgOFo"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-58lT9s"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-short-header-8ta0If"> <span class="social-alert-msg" data-ph-id="ph-page-element-short-header-BRyIuj"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--Tx7em0" data-ph-id="ph-page-element-short-header-1qa2QB"> <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--ggZWiM" data-ph-id="ph-page-element-short-header-oMUx2S"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-short-header-M7BhJZ"> <div class="icon-block" data-ph-id="ph-page-element-short-header-4NR0ZC"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-short-header-Hr98Gr"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-short-header-sZR0Qq"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-view2-1640670338849" nonce=""><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-xz5EC2"> <a ph-href="jobcart" key-ph-href="ph-job-cart-count-v3-view2-jkn0zo-cnRnKv" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" aria-label="${jobCartCount} ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])}" data-ph-id="ph-page-element-short-header-BPwTTd"> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-jI4D8Q"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-lEYUDl"> ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])} </span> <span class="phs-jobcart-count" aria-hidden="true" data-ph-id="ph-page-element-short-header-E27pzZ"> (${jobCartCount}) </span> </a> </div></script><script type="application/ld+json" nonce="">{"@context": "http://schema.org","@type": "WebSite","url": "https://careers.concertai.com/","potentialAction": {"@type": "SearchAction","target": "https://careers.concertai.com/us/en/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp.pageId = "page7"</script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1693219482789" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-eTlQ0U"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-JmpGfE"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-IvHbVy">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-ZWyrFt"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-arNx9q"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-0mIJO9"> <div class="close-popup-btn" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-2D5Iua"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-h0nNQe"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-UKIbyM"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-KY8XmT"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-Cvc1DA"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-Hvsc01"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-NFg8Q3"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-l3WCsV"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-eCtnse"></span> <span class="checkbox-text" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-djh2tK"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-6u9zCY"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-EVjPuq">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-7tTWn5"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1691590437572-ph-consent-popup-v1dk1signup-YHEyca"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1693219482895" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-Cvvwnb"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-wKgTou"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-NmNphD">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-moGpgE"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-6bWEaa"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-enDevc"> <div class="close-popup-btn" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-tLc0vI"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-HvG79e"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-FPXM6a"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-j1fa5o"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-HqckRW"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-lsgXyb"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-PKBRjA"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-FRHJBv"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-RUu4EZ"></span> <span class="checkbox-text" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-wUKZHt"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-z9WrVV"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-idape6">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-teW7Qx"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1691590437680-ph-consent-popup-v1fyfconsent-HmmpXs"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1693219483011" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-hgf3qL"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-Tqmd7b"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-b93FTf">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-oRgSAB"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-UshrEw"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-gPTxdf"> <div class="close-popup-btn" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-e95VxG"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-rRQ0dF"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-lrJysT"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-GHsQ6f"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-7q5j1G"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-BDXGCB"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-cXyUVm"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-AjNzam"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-mktT5J"></span> <span class="checkbox-text" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-F7XV8v"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-ezoisg"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-BhWxjR">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-jUHnh5"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1691590437801-ph-consent-popup-v1fyfconsent-Ct02bV"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1693219483174" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-XDCcUn"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-SHEjLv"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-NvtvDQ">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-gjg0m7"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-qInF4L"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-GPR3Ka"> <div class="close-popup-btn" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-qet3BD"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-LzYyKp"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-H77u5j"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-vDfjH4"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-wLoSKT"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-7iudTb"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-pbnjXE"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-C1nM1e"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-wgZsXC"></span> <span class="checkbox-text" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-VjLWgX"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-Ao68Fg"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-Jh4re1">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-2pdxtS"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1691590437913-ph-consent-popup-v1fyfconsent-QBp6nQ"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-default-1693219483330" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-fQ4R8E"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-PxMuCz"> <span class="sr-only required-checkbox" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-uLdDDa">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-zdF5P7"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-Bs7XzL"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-RNAKKQ"> <div class="close-popup-btn" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-nx1ucW"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-FmXBtP"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-Tai8Fd"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-Ic13vg"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-dkHz4Z"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-xViWiT"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-FcoRch"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-tgiYoT"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-hye9qh"></span> <span class="checkbox-text" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-9BZQFv"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-Inre80"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-dVtYgL">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-o7Ki6E"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1691590438026-ph-consent-popup-v1dk1signup-s561A3"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/javascript" nonce="">phApp.country = "us";</script><script type="text/javascript" nonce="">phApp.baseUrl = "https://careers.concertai.com/terarecon/us/en/";</script><script type="text/javascript" nonce="">phApp.baseDomain = "https://careers.concertai.com/terarecon";</script><script type="text/javascript" nonce="">phApp.widgetApiEndpoint = "https://careers.concertai.com/terarecon/widgets";</script><script type="text/javascript" nonce="">phApp.pageId = "page56";</script><script type="text/javascript" nonce="">phApp.locale = "en_us";</script><script type="text/javascript" nonce="">phApp.pageName = "home";</script><script type="text/javascript" nonce="">phApp.siteType = "terarecon";</script><script type="text/x-ph-tmpl" id="ph-accordian-v1-2969891461234993-view2" nonce=""><!-- <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader"></div> --> <div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-2969891461234993-2"> <div class="widget-container ph-accordian-container ph-group-control" data-ph-id="ph-widget-element-2969891461234993-3"> <div class="ph-accordian ph-accordian-content" accordin-num="firstaccordian1" role="list" data-ph-id="ph-widget-element-2969891461234993-4"> <div class="ph-accordian-section ph-section-control" role="listitem" data-ph-id="ph-widget-element-2969891461234993-5"> <button aria-expanded="false" key-aria-label="page56-tQk7Ji-ph-accordian-v1-view2-accFaq1AriaLabelText" data-ph-tevent-attr-trait13="What information should I include?" class="ph-accordian-title" ref="acc1" accordin-num="accordian1" click.delegate="showContent(acc1)" data-ph-id="ph-widget-element-2969891461234993-6"> <ppc-content key="page56-tQk7Ji-ph-accordian-v1-view2-whatIncludeAccTitle" data-ph-id="ph-widget-element-2969891461234993-7" language-overriden="true">MISSION-DRIVEN</ppc-content> <i class="iconPointer" aria-hidden="true" data-ph-id="ph-widget-element-2969891461234993-8"></i> </button> <div class="ph-accordian-content" accordin-num="accordian1" aria-hidden="true" data-ph-id="ph-widget-element-2969891461234993-9"> <div class="acc-content" data-ph-id="ph-widget-element-2969891461234993-10"> <ppc-content key="page56-tQk7Ji-ph-accordian-v1-view2-accFaq1whatIncludeDescText" data-ph-id="ph-widget-element-2969891461234993-11" language-overriden="true">Using precision medicine to help cancer patients</ppc-content> </div> </div> </div> <div class="ph-accordian-section ph-section-control" role="listitem" data-ph-id="ph-widget-element-2969891461234993-12"> <button key-aria-label="page56-tQk7Ji-ph-accordian-v1-view2-accFaq2AriaLabelText" aria-expanded="false" data-ph-tevent-attr-trait13="How long should my resume be?" class="ph-accordian-title" ref="acc2" accordin-num="accordian2" click.delegate="showContent(acc2)" data-ph-id="ph-widget-element-2969891461234993-13"> <ppc-content key="page56-tQk7Ji-ph-accordian-v1-view2-accFaq1howLongAccTitle" data-ph-id="ph-widget-element-2969891461234993-14" language-overriden="true">GROWTH</ppc-content> <i class="iconPointer" aria-hidden="true" data-ph-id="ph-widget-element-2969891461234993-15"></i> </button> <div class="ph-accordian-content" accordin-num="accordian2" aria-hidden="true" data-ph-id="ph-widget-element-2969891461234993-16"> <div class="acc-content" data-ph-id="ph-widget-element-2969891461234993-17"> <ppc-content key="page56-tQk7Ji-ph-accordian-v1-view2-accFaq1howLongDescText" data-ph-id="ph-widget-element-2969891461234993-18" language-overriden="true"><p>Fast-growing healthcare tech company with tremendous opportunities for advancement</p></ppc-content> </div> </div> </div> <div class="ph-accordian-section ph-section-control" role="listitem" data-ph-id="ph-widget-element-2969891461234993-19"> <button key-aria-label="page56-H87hdf-tQk7Ji-ph-accordian-v1-view2-accFaq3AriaLabelText" aria-expanded="false" data-ph-tevent-attr-trait13="Should I list extracurricular and volunteer work?" class="ph-accordian-title" ref="acc3" accordin-num="accordian3" click.delegate="showContent(acc3)" data-ph-id="ph-widget-element-2969891461234993-20"> <ppc-content key="page56-tQk7Ji-ph-accordian-v1-view2-accFaq1volunteerWorkAccTitle" data-ph-id="ph-widget-element-2969891461234993-21" language-overriden="true">IMPACT</ppc-content> <i class="iconPointer" aria-hidden="true" data-ph-id="ph-widget-element-2969891461234993-22"></i> </button> <div class="ph-accordian-content hide" accordin-num="accordian3" aria-hidden="true" data-ph-id="ph-widget-element-2969891461234993-23"> <div class="acc-content" data-ph-id="ph-widget-element-2969891461234993-24"> <ppc-content key="page56-tQk7Ji-ph-accordian-v1-view2-accFaq1volunteerWorkDescText" data-ph-id="ph-widget-element-2969891461234993-25" language-overriden="true"><p>Deploying cutting-edge data and AI technologies to change the field of healthcare and patient lives</p></ppc-content> </div> </div> </div> <div class="ph-accordian-section ph-section-control" role="listitem" data-ph-id="ph-widget-element-2969891461234993-26"> <button key-aria-label="page56-T8puxq-tQk7Ji-ph-accordian-v1-view2-accFaq3AriaLabelText" aria-expanded="false" data-ph-tevent-attr-trait13="Should I list extracurricular and volunteer work?" class="ph-accordian-title" ref="acc4" accordin-num="accordian3" click.delegate="showContent(acc4)" data-ph-id="ph-widget-element-2969891461234993-27"> <ppc-content key="page56-tQk7Ji-ph-accordian-v1-view2-accFaq1extravolunteerWorkAccTitle" data-ph-id="ph-widget-element-2969891461234993-28" language-overriden="true">FLEXIBILITY</ppc-content> <i class="iconPointer" aria-hidden="true" data-ph-id="ph-widget-element-2969891461234993-29"></i> </button> <div class="ph-accordian-content hide" accordin-num="accordian4" aria-hidden="true" data-ph-id="ph-widget-element-2969891461234993-30"> <div class="acc-content" data-ph-id="ph-widget-element-2969891461234993-31"> <ppc-content key="page56-tQk7Ji-ph-accordian-v1-view2-accFaq1extravolunteerWorkDescText" data-ph-id="ph-widget-element-2969891461234993-32" language-overriden="true"><p>Remote working options and other work-life flexibility policies</p></ppc-content> </div> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-global-search-v1-4431039410532599-view3-4595109902381271-5037501527611009" nonce=""><form class="phs-widget-block-area ph-widget-box ph-mobile-search-backdrop" data-pre-render="" action="" aria-label="Global search" key-aria-label="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-globalSearchAriaLabelText" data-ph-id="ph-widget-element-5037501518111817-2"> <div class="search-text-block phcriticalhide" if.bind="agpData && agpData.bannerText && agpData.totalHits >0" data-ph-id="ph-widget-element-5037501518111817-3"> <div class="dynamic-text" data-ph-id="ph-widget-element-5037501518111817-4"> <h1 data-ph-id="ph-widget-element-5037501518111817-5"> ${agpData.bannerText} </h1> </div> <div class="jobsCount-text" data-ph-id="ph-widget-element-5037501518111817-6"> <h6 data-ph-id="ph-widget-element-5037501518111817-7"> ${widgetBundle[(agpData.totalHits > 1) ? 'jobsDependsOnFilterPlural' : 'jobsDependsOnFilter'] | pht :{ 'jobsCount': agpData.totalHits }} </h6> </div> </div> <div class="form-group phs-global-search" data-ph-id="ph-widget-element-5037501518111817-8"> <div class="input-group" data-ph-id="ph-widget-element-5037501518111817-9"> <div class="job-filter ph-search-group" data-ph-at-id="keyword-category" data-ph-id="ph-widget-element-5037501518111817-10"> <div data-ph-id="ph-widget-element-5037501518111817-11"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-hOP59j-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" type="button" data-ph-id="ph-widget-element-5037501518111817-12"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-5037501518111817-13"></i> </button> <label class="sr-only" for="typehead" key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-globalSearchLabel" data-ph-id="ph-widget-element-5037501518111817-14"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-searchLabel" data-ph-at-id="globalsearchlabel-text" data-ph-id="ph-widget-element-5037501518111817-15">Search for Job Title </ppc-content> </label> <input type="text" placeholder="Enter keyword" key-placeholder="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-globalSearchInputPlaceholderText1" ref="typehead" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchPlaceholder, placeholder" aria-haspopup="listbox" placeholder.bind="getWidgetBundleValue('globalsearchPlaceholder', 'placeholder', typehead)" class="ph-input-search form-control ph-a11y-search-box phs-keywords input-lg" ph-a11y-autocomplete="" aria-autocomplete="list" name="typehead" id="typehead" aria-controls="typehead-listbox" value.bind="searchValue" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="typehead-listbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-5037501518111817-16"> <span class="search-sym" data-ph-id="ph-widget-element-5037501518111817-17"> <i class="icon icon-search" aria-hidden="true" data-ph-id="ph-widget-element-5037501518111817-18"></i> </span> <button ph-tevent="clear_searches_click" tabindex="0" class="phs-keysearch-clear phcriticalhide" focus.trigger="setFocusField('typehead')" click.trigger="clearSearch($event)" blur.trigger="setFocusField('typehead',true)" show.bind="searchValue" data-ph-at-id="clear-globalsearch-link" type="button" data-ph-id="ph-widget-element-5037501518111817-19"> <i class="icon icon-cancel" aria-hidden="true" role="presentation" data-ph-id="ph-widget-element-5037501518111817-20"></i> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-21"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-clearInputFieldSearchText1" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-5037501518111817-22"> clear text</ppc-content> </span> </button> </input></div> <div class="phs-search-suggestions phcriticalhide" show.bind="showDropDown" aria-label="Search suggestions" id="typehead-listbox" aria-labelledby="typehead-listbox" tabindex="-1" data-ph-id="ph-widget-element-5037501518111817-23"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="!(searchValue.length > 0)" data-ph-at-id="onclick-category" data-ph-id="ph-widget-element-5037501518111817-24"> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches && isNluSearch" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-5037501518111817-25"> <h3 role="presentation" aria-hidden="true" data-ph-id="ph-widget-element-5037501518111817-26"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-OucoMv-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5037501518111817-27">Recent Searches </ppc-content> </h3> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-widget-element-5037501518111817-28"> <div repeat.for="eachKeyword of keywordsSearched" role="option" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-5037501518111817-29"> <a ph-tevent="type_ahead_search" tabindex="-1" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-5037501518111817-30">${eachKeyword}</a> </div> </div> </div> <div class="phs-search-categories" if.bind="showAllJobCategories && !isMilitarySearch" data-ph-id="ph-widget-element-5037501518111817-31"> <h2 role="presentation" class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-5037501518111817-32"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-jobCategoriesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5037501518111817-33"> Job Categories </ppc-content> </h2> <div role="listbox" aria-label="Job Category suggestions" class="phs-search-category-list" data-ph-at-id="category-list" data-ph-at-total-data-count="${categoryColumns.length}" data-ph-id="ph-widget-element-5037501518111817-34"> <div repeat.for="category of allJobCategories" class="job-list job-container-category_${$index}" data-ph-at-id="category-list-item" role="option" aria-setsize="${allJobCategories.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-5037501518111817-35"> <a ph-tevent="job_category_search_click" tabindex="-1" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" data-ph-at-id="category-link" data-ph-at-data-text="${category.key}" data-ph-at-data-count="${category.total_count}" data-ph-id="ph-widget-element-5037501518111817-36"> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-37"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-widget-element-5037501518111817-38">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-widget-element-5037501518111817-39">${category.total_count}</span> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-40"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-totalJobsCountLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-5037501518111817-41"> jobs </ppc-content> </span> </a> </div> </div> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-widget-element-5037501518111817-42"> <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-5037501518111817-43"> <h2 data-ph-id="ph-widget-element-5037501518111817-44"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-u6Bu1r-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5037501518111817-45"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" data-ph-at-data-count="${suggestedMOSKeywords.length}" role="listbox" data-ph-id="ph-widget-element-5037501518111817-46"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" :aria-posinset="${index + 1}" :aria-setsize="suggestedJobResults.length + suggestedMOSKeywords.length" data-ph-id="ph-widget-element-5037501518111817-47"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-5037501518111817-48"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-5037501518111817-49"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-widget-element-5037501518111817-50"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-5gvZl9-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-5037501518111817-51"> No results found </ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isNluSearch && !isMilitarySearch" phfc="${setKeywordSuggested(['suggestedJobs','suggestedLocations', 'suggestedCategories', 'keywordsSearched', 'suggestedKeywords'])}" data-ph-id="ph-widget-element-5037501518111817-52"> <div class="phs-jobs-suggested" if.bind="suggestedJobs.length" data-ph-at-id="suggested-jobs" data-ph-id="ph-widget-element-5037501518111817-53"> <h2 class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-5037501518111817-54"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-jobHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5037501518111817-55"> Jobs </ppc-content> </h2> <div role="listbox" aria-label="Job suggestions" tabindex="-1" class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedJobs.length}" data-ph-id="ph-widget-element-5037501518111817-56"> <div repeat.for="eachJob of suggestedJobs" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${$index + 1}" data-ph-at-id="suggested-data-list-item" class="job-list phsJobsSuggested_${$index}" data-ph-id="ph-widget-element-5037501518111817-57"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'job', eachJob)}" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" data-title="${eachJob.title_raw}" data-jobid="${eachJob.id}" tabindex="-1" data-ph-at-id="suggested-data-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-category-text="${eachJob.category}" data-ph-id="ph-widget-element-5037501518111817-58"> <div class="phs-job-title" data-ph-id="ph-widget-element-5037501518111817-59"> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-60"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-jobTitleText" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-5037501518111817-61"> Job title </ppc-content> </span> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-5037501518111817-62"></span> </div> <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-widget-element-5037501518111817-63"> <span class="phs-job-location" data-ph-id="ph-widget-element-5037501518111817-64"> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-65"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-Oanifo-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-5037501518111817-66"> location </ppc-content> </span> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-widget-element-5037501518111817-67"> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-68"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-jobCategoryText" data-ph-at-id="jobcategory-text" data-ph-id="ph-widget-element-5037501518111817-69"> ${widgetBundle['categorySrText'] || "Category"} </ppc-content> </span> ${eachJob.category} </span> </div> </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" if.bind="suggestedMOSKeywords.length" data-ph-id="ph-widget-element-5037501518111817-70"> <h2 data-ph-id="ph-widget-element-5037501518111817-71"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-3fgW7Y-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5037501518111817-72"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedMOSKeywords.length}" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-widget-element-5037501518111817-73"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedJobs.length + $index + 1}" data-ph-id="ph-widget-element-5037501518111817-74"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-5037501518111817-75"> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-76"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-militaryCodeTextSr" data-ph-at-id="military-text" data-ph-id="ph-widget-element-5037501518111817-77"> Military Code </ppc-content> </span> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-5037501518111817-78"></span> </a> </li> </ul> </div> <div class="phs-locations-suggested" if.bind="suggestedLocations.length > 0" data-ph-at-id="suggested-locations" data-ph-id="ph-widget-element-5037501518111817-79"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-5037501518111817-80"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-jobLocationHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5037501518111817-81"> Location </ppc-content> </h2> <div role="listbox" aria-label="location suggestions" tabindex="-1" class="phs-locations-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedLocations.length}" data-ph-id="ph-widget-element-5037501518111817-82"> <div repeat.for="eachLocation of suggestedLocations" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + $index + 1}" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" data-ph-id="ph-widget-element-5037501518111817-83"> <a href="${getUrl(linkEle, 'search-results', eachLocation, 'qcity='+eachLocation.city)}" ph-tevent="type_ahead_search" ref="linkEle" tabindex="-1" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.city}" data-category="${eachLocation.city}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.city}" data-ph-at-data-count="${eachLocation.count}" data-ph-id="ph-widget-element-5037501518111817-84"> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-85"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-a2Ypsu-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-5037501518111817-86"> location </ppc-content> </span> ${eachLocation.city} <span class="phs-jobs-count" data-ph-id="ph-widget-element-5037501518111817-87">${eachLocation.count}</span> <span class="sr-only" if.bind="eachLocation.count == 1" data-ph-id="ph-widget-element-5037501518111817-88"> job </span> <span class="sr-only" if.bind="eachLocation.count > 1" data-ph-id="ph-widget-element-5037501518111817-89"> jobs </span> </a> </div> </div> </div> <div class="phs-categorys-suggested" if.bind="suggestedCategories.length > 0" data-ph-at-id="suggested-categories" data-ph-id="ph-widget-element-5037501518111817-90"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-5037501518111817-91"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-suggestedCategoryHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5037501518111817-92">Category </ppc-content> </h2> <div role="listbox" aria-label="category suggestions" tabindex="-1" class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedCategories.length}" data-ph-id="ph-widget-element-5037501518111817-93"> <div repeat.for="eachCategory of suggestedCategories" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + $index + 1}" class="job-list phsCategorySuggested_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-5037501518111817-94"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'category', eachCategory)}" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" tabindex="-1" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-widget-element-5037501518111817-95"> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-96"> category </span> ${eachCategory.category} <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-widget-element-5037501518111817-97"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> <span class="sr-only" if.bind="eachCategory.count == 1" data-ph-id="ph-widget-element-5037501518111817-98"> job </span> <span class="sr-only" if.bind="eachCategory.count > 1" data-ph-id="ph-widget-element-5037501518111817-99"> jobs </span> </a> </div> </div> </div> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-5037501518111817-100"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-5037501518111817-101"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-zhAZ2W-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5037501518111817-102">Recent Searches </ppc-content> </h2> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-widget-element-5037501518111817-103"> <div repeat.for="eachKeyword of keywordsSearched" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + $index + 1}" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-5037501518111817-104"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" tabindex="-1" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-5037501518111817-105"> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-106"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-recentSearchText" data-ph-at-id="recentsearch-text" data-ph-id="ph-widget-element-5037501518111817-107"> Recent Search </ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested" if.bind="suggestedKeywords.length > 0" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-5037501518111817-108"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-5037501518111817-109"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5037501518111817-110"> suggested keywords </ppc-content> </h2> <div role="listbox" aria-label="keyword suggestions" tabindex="-1" class="job-list phs-suggested-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedKeywords.length}" data-ph-id="ph-widget-element-5037501518111817-111"> <div repeat.for="eachKeyword of suggestedKeywords" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + keywordsSearched.length + $index + 1}" show.bind="$index < 3" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-5037501518111817-112"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" tabindex="-1" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-5037501518111817-113"> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-114"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-suggestedKeywordTxt" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-widget-element-5037501518111817-115"> suggested keywords </ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="no-result-found" if.bind="searchValue && !suggestedJobs.length && !suggestedLocations.length && !suggestedKeywords.length && !suggestedCategories.length && (!showRecentSearches || !keywordsSearched.length)" key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-xlp4Dk-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-noSuggestionsAsSRText" data-ph-id="ph-widget-element-5037501518111817-116"> No suggestions available </div> </div> <div class="phs-keyword-suggestions" if.bind="searchValue.length > 0 && suggestedNluKeywords.length && isNluSearch" data-ph-id="ph-widget-element-5037501518111817-117"> <div class="phs-suggested-keywords-suggested" show.bind="suggestedNluKeywords.length > 0 " data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-5037501518111817-118"> <div role="listbox" aria-label="Search suggestions" tabindex="-1" class="phs-suggested-keywords-list phs-suggested-nlu-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedNluKeywords.length}" data-ph-id="ph-widget-element-5037501518111817-119"> <div repeat.for="eachKeyword of suggestedNluKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-5037501518111817-120"> <div class="phs-nlu-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.key}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setNluKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-5037501518111817-121"> <span innerhtml="${eachKeyword.keyHtml | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-5037501518111817-122"></span> </div> </div> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="location" if.bind="dataMode == 'loc-cat'" phae-state="loc-cat" data-ph-id="ph-widget-element-5037501518111817-123"> <label class="sr-only" for="gllocationInput" key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-e85tOI-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-locationsearchboxlabel" data-ph-id="ph-widget-element-5037501518111817-124"> Enter Location </label> <div data-ph-id="ph-widget-element-5037501518111817-125"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-DhCRNB-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" type="button" data-ph-id="ph-widget-element-5037501518111817-126"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-5037501518111817-127"></i> </button> <input type="text" id="gllocationInput" name="location" aria-label="Location" key-aria-label="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-locationsearchboxtitle" placeholder="Enter Location" aria-autocomplete="list" key-placeholder="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-locationPlaceholderText" ph-a11y-autocomplete="" aria-haspopup="listbox" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" ignoreexpanded="true" autocomplete="off" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" ref="location" if.bind="getWidgetBundleValue" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="gllocationListbox" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-5037501518111817-128" /> <span class="search-sym" data-ph-id="ph-widget-element-5037501518111817-129"> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-5037501518111817-130"></i> </span> <button type="button" class="phs-keysearch-clear phs-keysearch-clear-location phcriticalhide" focus.trigger="setFocusField('location')" blur.trigger="setFocusField('location',true)" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" ph-tevent="clear_searches_click" data-ph-id="ph-widget-element-5037501518111817-131"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-5037501518111817-132"></i> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-133"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-rlSyin-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-5037501518111817-134"> Clear Location Search Text </ppc-content> </span> </button> <div class="phs-search-suggestions phcriticalhide" id="gllocationListbox" aria-labelledby="gllocationListbox" show.bind="showLocationDropdown" data-ph-id="ph-widget-element-5037501518111817-135"> <h2 tabindex="-1" aria-label="Location" key-aria-label="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-nZESSj-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-5037501518111817-136"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-UfSo12-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5037501518111817-137"> Location </ppc-content> </h2> <div aria-label="recent search suggestions" tabindex="-1" show.bind="showLocationDropdown" class="phs-locations-suggested-list" role="listbox" key-role="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-listBoxLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-5037501518111817-138"> <div repeat.for="eachLocation of allLocations" role="option" key-role="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-KwbWIF-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-locationOption" if.bind="allLocations.length" class="job-list phsLocationsSuggested_${$index} ${locationValue && $index == 0 ? 'selected' : ''}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-5037501518111817-139"> <a href="javascript:void(0)" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.key}" data-ph-at-data-count="${eachLocation.total_count}" data-ph-id="ph-widget-element-5037501518111817-140"> <span class="phs-jobs-category" data-ph-id="ph-widget-element-5037501518111817-141">${eachLocation.key}</span> <span class="phs-jobs-count" data-ph-id="ph-widget-element-5037501518111817-142">${eachLocation.total_count}</span> <span class="sr-only" if.bind="eachLocation.total_count" data-ph-id="ph-widget-element-5037501518111817-143"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-jobsLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-5037501518111817-144">jobs </ppc-content> </span> </a> </div> <div data-ph-at-id="no-data" class="no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-widget-element-5037501518111817-145"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-noLocationsFound" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-5037501518111817-146"> No locations found </ppc-content> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="globalsearchlocation" if.bind="dataMode == 'loc-less'" phae-state="loc-less" data-ph-id="ph-widget-element-5037501518111817-147"> <label class="sr-only" for="gllocationInput" key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-eaRJ0G-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-locationsearchboxlabel" data-ph-id="ph-widget-element-5037501518111817-148"> Enter Location </label> <div data-ph-id="ph-widget-element-5037501518111817-149"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-mobileBackButtonText3" click.delegate="clearBackdrop($event)" type="button" data-ph-id="ph-widget-element-5037501518111817-150"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-5037501518111817-151"></i> </button> <input type="text" id="gllocationInput" name="location" key-aria-label="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-locationAriaLabelText" placeholder="Enter location" aria-autocomplete="list" ph-a11y-autocomplete="" aria-haspopup="listbox" key-placeholder="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-locationBoxPlaceholderText" ref="location" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" aria-owns="gllocationListbox" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-5037501518111817-152" /> <span class="search-sym" data-ph-id="ph-widget-element-5037501518111817-153"> <i aria-hidden="true" class="icon icon-map-pin" data-ph-id="ph-widget-element-5037501518111817-154"></i> </span> <button class="phs-keysearch-clear phcriticalhide" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" ph-tevent="clear_searches_click" tabindex="0" type="button" data-ph-id="ph-widget-element-5037501518111817-155"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-5037501518111817-156"></i> <span class="sr-only" data-ph-id="ph-widget-element-5037501518111817-157"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-MGAJnY-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-5037501518111817-158"> Clear Location Search Text </ppc-content> </span> </button> <div class="phs-search-suggestions phcriticalhide" show.bind="showLocationDropdown" aria-labelledby="gllocationListbox" data-ph-id="ph-widget-element-5037501518111817-159"> <h2 key-aria-label="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-l4K6d5-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-5037501518111817-160"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-vmHyIi-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5037501518111817-161"> Location </ppc-content> </h2> <div role="listbox" aria-label="Location suggestions" tabindex="-1" class="phs-locations-suggested-list" id="gllocationListbox" aria-labelledby="gllocationListbox" key-role="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-listBoxGlLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-5037501518111817-162"> <div repeat.for="eachLocation of allLocations" if.bind="allLocations.length" role="option" key-role="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-WlCIiD-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-locationOption" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-5037501518111817-163"> <a href="javascript:void(0)" aria-label="${eachLocation.description || eachLocation.key}" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.description || eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.description || eachLocation.key}" data-ph-id="ph-widget-element-5037501518111817-164"> ${eachLocation.description} </a> </div> <div data-ph-at-id="no-data" class="job-list no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-widget-element-5037501518111817-165"> <ppc-content key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-nAGywk-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-5037501518111817-166"> No locations found </ppc-content> </div> </div> </div> </div> </div> <span class="input-group-btn" data-ph-id="ph-widget-element-5037501518111817-167"> <button submit.delegate="handleSubmitClick()" click.delegate="handleSubmitClick()" type="submit" disabled.bind="isDisabled" phae-ally="aria-disabled#false" aria-disabled="${isDisabled ? 'true':'false'}" class="btn primary-button btn-lg phs-search-submit ${isDisabled? ' disabled':''}" data-ph-at-id="globalsearch-button" id="ph-search-backdrop" role="button" phae="ph-global-search-v1" phae-type="click" orig-value="${widgetBundle['globalsearchButtonText'] | pht}" phae-main="1" data-ph-id="ph-widget-element-5037501518111817-168"> <i aria-hidden="true" class="icon icon-search" phae-ref="1" data-ph-id="ph-widget-element-5037501518111817-169"></i> <span phae-bind-literal="globalsearchButtonText" phae-ref="1" data-ph-id="ph-widget-element-5037501518111817-170">${widgetBundle['globalsearchButtonText'] | pht}</span> </button> </span> </div> </div> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-5037501518111817-171"> <span if.bind="resultsUpdated" data-ph-id="ph-widget-element-5037501518111817-172"> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue" key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-jobCategoriesAsSRText" data-ph-id="ph-widget-element-5037501518111817-173"> Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && (suggestedJobResults.length + suggestedMOSKeywords.length)" key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-jobSuggestionsAsSRText" data-ph-id="ph-widget-element-5037501518111817-174"> ${suggestedJobResults.length + suggestedMOSKeywords.length} suggestions available, navigate to the list to select suggestion. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && !suggestedJobs.length && !(suggestedJobResults.length + suggestedMOSKeywords.length)" key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-NNXfb0-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-noSuggestionsAsSRText" data-ph-id="ph-widget-element-5037501518111817-175"> No suggestions available </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && suggestedMOSKeywords && suggestedMOSKeywords.length > 0" key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-militaryJobsSelectionAsSRText" data-ph-id="ph-widget-element-5037501518111817-176"> ${suggestedMOSKeywords.length} Military job suggestions available, navigate to the list to select suggestion. </span> <span if.bind="isMilitarySearch && !searchValue.length && !gsClrTxt && isSearchInFocus" key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-militaryNoSearchVlaueAsSRText" data-ph-id="ph-widget-element-5037501518111817-177"> press any key for military job suggestions </span> <span if.bind="isMilitarySearch && !searchValue.length && gsClrTxt && isSearchInFocus" key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-militaryNoSearchVlaueAsSRText2" data-ph-id="ph-widget-element-5037501518111817-178"> text cleared press any key for military job suggestions </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && !suggestedMOSKeywords.length" key="8UvYZY-ph-hero-block-cc-view7-option2-savedView-1715607565750-c-nYu0eA-ph-hero-block-cc-view7-option2-savedView-1715089866159-militarySearchNoResultsAsSRText" data-ph-id="ph-widget-element-5037501518111817-179"> No results found </span> <span if.bind="showLocationDropdown && allLocations && !locationValue && allLocations.length" data-ph-at-id="expanded-suggestions-available" data-ph-id="ph-widget-element-5037501518111817-180"> Suggested locations available. Move to expanded list to select locations. </span> <span if.bind="showLocationDropdown && locationValue && allLocations && allLocations.length" data-ph-at-id="select-suggestions-available" data-ph-id="ph-widget-element-5037501518111817-181"> ${allLocations.length} locations available, move to list to select location. </span> <span if.bind="showLocationDropdown && locationValue && !allLocations.length" data-ph-at-id="no-suggestions-text" data-ph-id="ph-widget-element-5037501518111817-182"> No locations found </span> </span> </span> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-5037501518111817-183"> <span if.bind="gsClrTxt && !isMilitarySearch" data-ph-id="ph-widget-element-5037501518111817-184"> Text cleared. </span> </span> </form></script><script type="text/x-ph-tmpl" id="ph-recom-jobs-browsing-history-v3-1718188565243-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-355943268979100-2"></div> <div class="phs-widget-block-area testing-class ph-widget-box" role="region" aria-label="JOBS BASED ON YOUR BROWSING HISTORY" key-aria-label="xhAq8U-BjZnZU-ph-recom-jobs-browsing-history-v3-default-widgetHeadingText" show.bind="!showLoader && jobResults.length" data-ph-id="ph-widget-element-355943268979100-3"> <div class="widget-container" data-ph-id="ph-widget-element-355943268979100-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-355943268979100-5"> <h2 data-ph-id="ph-widget-element-355943268979100-6"> <ppc-content key="FEeOsE-BjZnZU-ph-recom-jobs-browsing-history-v3-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-355943268979100-7"> Jobs based on your browsing history </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-10"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="dkSYd5" data-ph-id="ph-widget-element-355943268979100-11"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-355943268979100-12"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-14" /> </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-355943268979100-15"> <div class="information" data-ph-id="ph-widget-element-355943268979100-16"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-widget-element-355943268979100-17"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-355943268979100-18"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-355943268979100-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-355943268979100-20" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-22"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-355943268979100-23"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-24"></i> <span class="tag-label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-26"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-29"></i> <span class="tag-label" data-ph-id="ph-widget-element-355943268979100-30">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="BjZnZU-ph-recom-jobs-browsing-history-v3-dkSYd5-Yec7fD-default-headingRole" aria-level="3" key-aria-level="BjZnZU-ph-recom-jobs-browsing-history-v3-dkSYd5-Yec7fD-default-headingAriaLevelValue" instance-id="dkSYd5-Yec7fD" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-32"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-355943268979100-33"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-35"></i> <span data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-39"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-41"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-43"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-45"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-47"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-49"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-51"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-355943268979100-52">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-355943268979100-53"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-55"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-57"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-59"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-61"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-63"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-65"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-67"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-69"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-70">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-72"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-355943268979100-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-79"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-82"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-84"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-86"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-90"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-92"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-94"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-96"> <span class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-98"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-355943268979100-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-104"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-106"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-108"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-355943268979100-109">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-355943268979100-110"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-112"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-114"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-116"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-118"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-120"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-122"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-124"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-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="BjZnZU-ph-recom-jobs-browsing-history-v3-dkSYd5-8HRZnf-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="dkSYd5-8HRZnf" data-ph-id="ph-widget-element-355943268979100-128"> <span data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-133"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-widget-element-355943268979100-134">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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="BjZnZU-ph-recom-jobs-browsing-history-v3-dkSYd5-UY1Rc6-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="dkSYd5-UY1Rc6" data-ph-id="ph-widget-element-355943268979100-144"> <span data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-149"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-355943268979100-150"> <span data-ph-id="ph-widget-element-355943268979100-151"> <span class="sr-only" data-ph-id="ph-widget-element-355943268979100-152"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-widget-element-355943268979100-153">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-widget-element-355943268979100-154">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-355943268979100-155">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-355943268979100-156">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-widget-element-355943268979100-157">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-161"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-164"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-355943268979100-165"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-166"></i> <span class="tag-label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-168"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-355943268979100-169"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-355943268979100-170"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-172"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-174"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-355943268979100-175"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-177"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-widget-element-355943268979100-178"> <ppc-content key="BjZnZU-ph-recom-jobs-browsing-history-v3-dkSYd5-M8kod4-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="dkSYd5-M8kod4" data-ph-id="ph-widget-element-355943268979100-179">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-355943268979100-180"> <section class="ph-widget" instance-id="rSHKXE" original-view="default" view="355943185961507-default" data-ph-id="ph-widget-element-355943268979100-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="355943185961507-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="rSHKXE" original-view="default" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-183"> <div class="savejob-checkbox" data-ph-id="ph-widget-element-355943268979100-184"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-186" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-188"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-189"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-192"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-193"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-196"> <span class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-198"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-202"> <div class="modal-dialog" data-ph-id="ph-widget-element-355943268979100-203"> <div class="popup-content-block" data-ph-id="ph-widget-element-355943268979100-204"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="BjZnZU-ph-recom-jobs-browsing-history-v3-dkSYd5-eFsTeZ-default-closePopupAriaLabelText" instance-id="dkSYd5-eFsTeZ" data-ph-id="ph-widget-element-355943268979100-205"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-206"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-355943268979100-207"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="BjZnZU-ph-recom-jobs-browsing-history-v3-dkSYd5-PnNBGl-default-headingModalRole" key-aria-level="BjZnZU-ph-recom-jobs-browsing-history-v3-dkSYd5-PnNBGl-default-headingModalAriaLevel" instance-id="dkSYd5-PnNBGl" data-ph-id="ph-widget-element-355943268979100-208"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-355943268979100-209"> <div class="job-location-count" data-ph-id="ph-widget-element-355943268979100-210"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-355943268979100-211"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-213"> <span data-ph-id="ph-widget-element-355943268979100-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-355943268979100-215"></i> </span> <span data-ph-id="ph-widget-element-355943268979100-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-355943268979100-217"> <span class="sr-only" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-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-355943268979100-226"> <div class="modal-dialog" data-ph-id="ph-widget-element-355943268979100-227"> <div class="popup-content-block" data-ph-id="ph-widget-element-355943268979100-228"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="BjZnZU-ph-recom-jobs-browsing-history-v3-dkSYd5-JpiHOe-default-closeCategoryPopupAriaLabelText" instance-id="dkSYd5-JpiHOe" data-ph-id="ph-widget-element-355943268979100-229"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-230"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-355943268979100-231"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="BjZnZU-ph-recom-jobs-browsing-history-v3-dkSYd5-4ONfi3-default-headingModalRole" key-aria-level="BjZnZU-ph-recom-jobs-browsing-history-v3-dkSYd5-4ONfi3-default-headingModalAriaLevel" instance-id="dkSYd5-4ONfi3" data-ph-id="ph-widget-element-355943268979100-232"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-355943268979100-233"> <div class="job-location-count" data-ph-id="ph-widget-element-355943268979100-234"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-355943268979100-235"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-237"> <span data-ph-id="ph-widget-element-355943268979100-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-355943268979100-239"></i> </span> <span data-ph-id="ph-widget-element-355943268979100-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-355943268979100-241"> <div aria-atomic="true" aria-live="assertive" instance-id="Wsm3s7" data-ph-id="ph-widget-element-355943268979100-242"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-EvRVW4-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-EvRVW4-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-EvRVW4-default-button-role-see-more" instance-id="Wsm3s7-EvRVW4" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-244"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-245"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-VSZnHp-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-VSZnHp-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-VSZnHp-default-button-role-see-less" instance-id="Wsm3s7-VSZnHp" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-247"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-248"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-BGzJID-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-BGzJID-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-BGzJID-default-button-role-see-next" instance-id="Wsm3s7-BGzJID" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-250"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-251"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-CgH9eV-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-CgH9eV-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="BjZnZU-ph-recom-jobs-browsing-history-v3-Wsm3s7-CgH9eV-default-button-role-see-evenmore" instance-id="Wsm3s7-CgH9eV" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-253"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-355943268979100-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-355943268979100-255"> <p data-ph-id="ph-widget-element-355943268979100-256"> <ppc-content key="BjZnZU-ph-recom-jobs-browsing-history-v3-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-355943268979100-257"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-355943148717936-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-355943148717936-2"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-355943148717936-3"> <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-355943148717936-4"> <div class="modal-content" data-ph-id="ph-widget-element-355943148717936-5"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-355943148717936-8"></i> <span class="sr-only" data-ph-id="ph-widget-element-355943148717936-9"><ppc-content key="BZIKQN-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-355943148717936-10">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-widget-element-355943148717936-11"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-355943148717936-12"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-355943148717936-13"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-15"> <div class="content-block" data-ph-id="ph-widget-element-355943148717936-16"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-355943148717936-17"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-widget-element-355943148717936-18"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-20"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-355943148717936-21"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-355943148717936-22"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-widget-element-355943148717936-23"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-355943148717936-24"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-widget-element-355943148717936-25"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-355943148717936-26"> <label for="email-job-name" data-ph-id="ph-widget-element-355943148717936-27"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-355943148717936-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="BZIKQN-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="BZIKQN-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-355943148717936-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-355943148717936-30"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-32"> <label for="email-job-email" data-ph-id="ph-widget-element-355943148717936-33"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-355943148717936-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="BZIKQN-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-355943148717936-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-355943148717936-36"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-emailShouldNotBeEmptyText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-38"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-pleaseEnterAValidEmailText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-355943148717936-39"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-41"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-43"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-45"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-355943148717936-46"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-355943148717936-47"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-355943148717936-48"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-355943148717936-49"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-51"> <span class="sr-only required-text" data-ph-id="ph-widget-element-355943148717936-52"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-355943148717936-53"> <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-355943148717936-54"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-355943148717936-55">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-355943148717936-56"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-58"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-355943148717936-59"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-355943148717936-60"> <i class="icon icon-check" data-ph-id="ph-widget-element-355943148717936-61"></i> <h3 data-ph-id="ph-widget-element-355943148717936-62"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-355943148717936-63">Success!</ppc-content> </h3> <p data-ph-id="ph-widget-element-355943148717936-64"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-66"> <ppc-content key="HoiVTg-BZIKQN-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-355943148717936-67">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-355943148717936-68"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-355943148717936-69"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-widget-element-355943148717936-70"> <i class="icon icon-cancel" data-ph-id="ph-widget-element-355943148717936-71"></i> <h3 data-ph-id="ph-widget-element-355943148717936-72"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-355943148717936-73">Failure!</ppc-content> </h3> <p data-ph-id="ph-widget-element-355943148717936-74"> <ppc-content key="BZIKQN-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-76"> <ppc-content key="hdIQ6G-BZIKQN-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-78"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-80"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-355943148717936-81"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-355943148717936-82"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-widget-element-355943148717936-83"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-85"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-355943148717936-86"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-355943148717936-87"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-355943148717936-88"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-355943148717936-89"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-355943148717936-90">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-widget-element-355943148717936-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-355943148717936-92"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-355943185961507-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-355943185961507-2"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-widget-element-355943185961507-3"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-355943185961507-4"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="rSHKXE-ph-social-share-v3-default-headingRole" aria-level="2" key-aria-level="rSHKXE-ph-social-share-v3-default-headingLevelAria" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-widget-element-355943185961507-5"> <ppc-content key="rSHKXE-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-355943185961507-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-355943185961507-7"> <ppc-content key="rSHKXE-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-355943185961507-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-355943185961507-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-355943185961507-10"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-widget-element-355943185961507-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-355943185961507-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-355943185961507-13"></i> <span class="sr-only" data-ph-id="ph-widget-element-355943185961507-14"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-widget-element-355943185961507-15">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="BZIKQN" data-ph-at-id="social_share_show_email_section" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" original-view="view3" view="355943148717936-view3" data-ph-id="ph-widget-element-355943185961507-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="355943148717936-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="BZIKQN" original-view="view3" data-ph-id="ph-widget-element-355943185961507-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-355943185961507-18"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-355943185961507-19"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-355943185961507-20"> <div class="head-wrapper" data-ph-id="ph-widget-element-355943185961507-21"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-widget-element-355943185961507-22"> <ppc-content key="rSHKXE-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-355943185961507-23">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="rSHKXE-ph-social-share-v3-default-closeDialogAriaLabel" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-355943185961507-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-355943185961507-25"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-widget-element-355943185961507-26"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-355943185961507-27"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-widget-element-355943185961507-28"> <ppc-content key="rSHKXE-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-355943185961507-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-355943185961507-30"><ppc-content key="rSHKXE-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-355943185961507-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-355943185961507-32" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-widget-element-355943185961507-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-355943185961507-34"><ppc-content key="rSHKXE-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-355943185961507-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-355943185961507-36"><ppc-content key="rSHKXE-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-355943185961507-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="PHAPP-PAGEID" type="text/javascript" nonce=""> phApp.pageId = "page56";</script><script id="page_dynamic_literals" nonce=""> phApp.translations = {"ph-social-connect-v1-view5":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","google":"Sign in with Google","privacyPolicyCheckboxText":"I have read and agree to the ","linkedIn":"Sign in with LinkedIn","privacyPolicyLink":"javascript:void(0);","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","privacyPolicyText":"Privacy Policy","google-sign":"Sign in with Google","privacyPolicyCheckboxSeparatorText":" and ","mergeCount":"Merge selected ({{profileCount}})"},"ph-find-your-fit-container-v1-default":{"contactDetailsAreaCancelBtnText":"Cancel","resumeUseNewResumeDropDownText":"Use new resume","resumeResetDropDownText":"Reset","resumeLocationSuggestionAriaLabel":"Job Location suggestions","contactDetailsAreaPreferredNameInputErrorText":"Preferred Name should not empty","contactDetailsAreaHeadingText":"Confirm Personal Details","contactDetailsAreaName":"Name ","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeCancelPopupSubHeading":"In 60 seconds we will find you the right job","emailValSuccDesc":"Your profile has been successfully activated","resumeExperienceSubHeading":"Verify and update your details.","resumeSkillSetSuggestionsHeading":"Your skills","contactDetailsAreaNamePlaceholder":"Enter Your Name","resumeLocationSubHeading":"Verify and update your details","emailValDescTextTwo":"If you haven’t received a verification email","resendEmailText":"Click here to resend","resumeLocationPlural":"locations","contactDetailsAreaEmailInputErrorCorrentFormat":"Enter a valid email address ","resendFailedText":"You have raised maximum number of resend request","resumeJobTitleSuggestionAriaLabel":"Recent job title suggestions","resumeStepsSubmitText":"Submit","resumeCancelPopupCancelBtn":"Cancel Site Personalization","resumeResetDropDownAriaLabel":"Reset Personalization","resumeSkillSetSingular":"skill","resumeEditDropDownBtnAriaLabel":"Edit your resume","contactDetailsAreaNameInputErrorText":"Name should not empty","resumeExperienceLegendText":"Experience","contactDetailsAreaPhoneInputErrorText":"Please enter correct phone number","emailValDescText1":"We have sent you an email to","emailValDescText2":" with a link to verify your email address. The link in the email will expire in ","resumeCancelPopupHeading":"Are you sure you want to cancel?","resumeJobTitlePlural":"Job titles","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeLocationSingular":"location","contactDetailsAreaSubmitBtnText":"Submit","uploadResumeProfileFirstName":"Hi {{userFirstName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","emailValSendText":"If you haven't received a verification email","resumeUploadedMessage":"The career site has been personalized based on your resume '{{resumeName}}'","resumeLocationSuggestionsHeading":"Your preferred locations","contactDetailsAreaEmailInputErrorText":"Email should not be empty","resumeExperienceYearsText":"years","resumeEditDropDownText":"Edit","resumeLocationSearchPlaceholder":"Search to Add Locations","resumeJobTitleSearchPlaceholder":"Search to Add Titles","resumeCancelPopupContinueBtn":"Continue Site Personalization","resumeSkillSetNoResults":"No results found","resumeSkillSetSuggestedHeading":"Select suggested skills","emailValResponseBtnText":"Ok","contactDetailsAreaPreferredName":"Preferred Name","uploadFileSizeError":"Upload file size should not exceed {{fileSize}} mb","resumeLocationSearchLabel":"Search locations here (You can enter multiple values)","resumeJobTitleSingular":"Job title","resumeJobTitleSearchLabel":"Search Job title here (You can enter multiple values)","resumeStepsPrevText":"Previous","emailValDescText":"We have sent an email to <strong>{{email}}</strong> to verify your email address. The link in the email will expire in 4 hours.","emalValHeadingText":"Please check your email","resumeJobTitleSubHeading":"Verify and update your details.","contactDetailsAreaEmail":"Email","resumeSkillSetSubHeading":"Verify and update your details.","resumeJobTitleSuggestionsHeading":"Your job titles","resumeSkipThisSection":"Skip this section","resumeLocationNoResultsText":"No results found","contactDetailsAreaPopupCloseAriaLabel":"Contact details popup close","resumeJobTitleNoResults":"No results found","resumeSkillSetPlural":"skills","resumeSkillSetSearchPlaceholder":"Search to Add Skills","resumeSkillSetSuggestionAriaLabel":"Skill Set suggestions","resumeExperience":"Experience (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeSkillSetSearchLabel":" Search skill set here (You can enter multiple values)","emailValSuccText":"Success","resumeJobTitle":"Job Title (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeShowingText":"Showing","resumeEditFYfDropDownText":"Edit profile","resumeRemoveText":"Remove","resumeNewResumeDropDownAriaLabel":"Upload new file","contactDetailsPopupCloseAriaLabel":"Close Popup","contactDetailsAreaPreferredNamePlaceholder":"Enter Your Preferred Name","resumeNewResumeDropDownText":"Use new resume","contactDetailsAreaPhone":"Phone Number","resumeStepsNextText":"Next","emailValResendLinkText":"Click here to resend","resumeAddText":"Add","resumeUseNewResumeDropDownAriaLabel":"Upload new file","emailValHeadingText":"Please check your email","contactDetailsAreaPhonePlaceHolder":"Enter your phone number"},"ph-candidate-login-v1-default":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","signInIcon":"icon icon-user-4","validEmailIcon":"icon icon-check-mark-thick-1","requiredText":"required","validPasswordIcon":"icon icon-check-mark","signOutButton":"Sign out","createAccountEmailFormAriaLabel":"Enter email","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","signInPopUpHeading":"Sign in","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","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","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","loggedInBtnAriaLabel":"Your profile {{saluteText}}","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","privacyPolicyCheckboxText":"I have read and agree to the ","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","signup":"Sign up","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalized profile","termsLinkText":"Terms of Use","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","personalAccountLinkText":"View profile","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","closePopUpButtonIcon":"icon icon-cancel","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalized profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"https://www.concertai.com/privacy-policy/","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","submitText":"Submit","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","staySignedInCheckboxAriaLabel":"Stay signed in","closePopupButtonAriaLabel":"Close popup","piiConsentError":"Please accept all the required consents","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","salutationText":"Hi","createAccountLinkText":"Sign up","passwordInVisibleSrOnly":"Password is invisible","createAccountEmailFormLabel":"Email","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.concertai.com/privacy-policy/","signInEmailFormAriaLabel":"Enter email","doneText":"Done","signInPasswordFormAriaLabel":"Enter password","errorMessageInvalidEmail":"Please enter a valid email address.","privacyPolicyLinkText":"Privacy Policy.","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-recom-jobs-browsing-history-v3-default":{"applyNowText":"Apply Now","locationText":"location","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","remote":"Remote","title":"Title","type":"Job Type","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process ","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","travelRequiremnt":"Travel","category":"Category"},"ph-social-connect-v1-view4":{" privacyPolicyCheckboxText":"I have read and agree to the ","profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","privacyPolicyLink":"javascript:void(0);","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use"," privacyPolicyCheckboxSeparatorText":" and ","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","privacyPolicyText":"Privacy Policy","google-sign":"Sign in with Google","mergeCount":"Merge selected ({{profileCount}})"},"ph-candidate-login-v1-view1":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","resetPasswordInvalidText":"Your reset password link is invalid. Please try again.","validEmailIcon":"icon icon-check-mark-thick-1","setNewPwdText":"Set new password","validPasswordIcon":"icon icon-check-mark","signOutButton":"Sign out","createAccountEmailFormAriaLabel":"Enter email","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","signInPopUpHeading":"Sign in","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","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","signInButtonLabel":"Already have an account?","createAccErrorStatement3":"one number,","signInPopUpSubHeading":"","resendEmailText":"Click here to resend","resendFailedText":"You have raised maximum number of resend request","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","privacyPolicyCheckboxText":"I have read and agree to the ","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","newPwdText":"New Password","emailValDescText1":"We have sent you an email to","emailValDescText2":" with a link to verify your email address. The link in the email will expire in 4 hours.","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalized profile","termsLinkText":"Terms of Use","emailValSendText":"If you haven't received a verification email","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","personalAccountLinkText":"My Account","signInEmailFormLabel":"Email","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalized profile","errorSrOnly":"error:","createAccountButtonLabel":"Don’t have an account?","passwordVisibleSrOnly":"Password is visible","privacyPolicyLink":"https://www.concertai.com/privacy-policy/","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. ","emalValHeadingText":"Please check your email","signInLinkText":"Sign in","staySignedInCheckboxAriaLabel":"Stay signed in","seperatorText":"or use your social account","errorIncorrectPassword":"Your password is incorrect. Please try again","hidePasswordText":"Hide password","pwdNotMeetRequirements":"Password did not meet the requirements for","resetLinkExpired":"Password reset Link has been expired","signInButton":"Sign in","salutationText":"Hi, ","createAccountFormPlaceHolder":"Your Password","createAccountLinkText":"Sign up","passwordInvisibleSrOnly":"Password is invisible","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.concertai.com/privacy-policy/","errorMessageInvalidEmail":"Please enter a valid email address.","signInEmailFormAriaLabel":"Enter email","signInPasswordFormAriaLabel":"Enter password","privacyPolicyLinkText":"Privacy Policy.","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-profile-recommendations-v2-default":{"applyNowText":"View Job","locationText":"location","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"Show less","sponsorship":"Sponsor","type":"Job Type","title":"Title","remote":"Remote","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","removeJobText":"Remove","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-global-search-v1-view3":{"globalsearchPlaceholder":"Search for job","noResultFoundText":"No Results Found","globalsearchLocationPlaceholder":"Enter location","globalsearchButtonText":"Search","globalsearchCategoryPlaceholder":"Enter Category"},"ph-recently-viewed-jobs-v3-default":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","title":"Title","remote":"Remote","type":"Job Type","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","reqId":"ReqId","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","travelRequiremnt":"Travel","category":"Category"},"ph-near-by-jobs-v2-default":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","title":"Title","type":"Job Type","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category"},"ph-find-your-fit-v1-default":{"socialSigninStepText":"social sign in","deleteAgainText":"Please try to delete your resume again","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","closePopUpButtonIcon":"icon icon-cancel","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","uploadInfoText":"Upload a file up to 1 mb (Word, pdf, text)","locationBlockedHeadingText":"Location access is turned off","resumeParsedText":"Your resume was successfully uploaded and parsed.","tryAgainText":"Try again","resumeFileSizeExceedsText":"Upload a file up to {{fileSize}} mb","addSkillButtinAriaLabel":"Add {{skillName}}","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","deleteResumeHeading":"Are you sure you want to delete your resume?","locationBlockedOkText":"OK","suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","fyfRecentTitlePlaceHolderText":"Your most recent job title","oopsText":"Oops...","uploadAgainText":"Please try to upload your resume again.","removeResumeBtnText":"Delete","fyfLocationPlaceHolderText":"Your preferred work location","yourSkillsMessage":"Your skills","resumeFileUnsupportedText":"Upload a file up with format : {{allowedFormats}}","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","resumeUploadedSubHeading":"Please check Contact info fields, to make sure your data is complete and accurate.","cancleText":"Cancel","fyfPhoneNumberPlaceHolderText":"Eg. +1 9999999999","anyLocation":"Any Location","fyfSkillsPlaceHolderText":"Your skills","JobTitleMessage":"Your job title","yourPreferredLocationMessage":"Your preferred location","locationBlockedDescriptionText":"Go to your browser settings and give permission to access your current location.","gotItText":"Got it","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-social-share-v3-default":{"whatsapp":"Share via whatsapp","twitterTitle":"Share via twitter","google-plusTitle":"Share via google plus","linkedin":"Share via LinkedIn","instagram":"Share via Instagram","weiboTitle":"Share via weibo","copylink":"Copy job link","facebookTitle":"Share via Facebook","telegramTitle":"Share via telegram","xing":"Share via xing","twitter":"Share via twitter","weibo":"Share via weibo","whatsappAriaLabel":"Share via whatsapp","facebookAriaLabel":"Share via Facebook","hashtagsText":"","whatsappTitle":"Share via whatsapp","email":"Share via email","instagramAriaLabel":"Share via Instagram","weiboAriaLabel":"Share via weibo","shareInfoText":"Check out this job at {{companyName}}, {{title}}","google-plus":"Share via google plus","whatsappAriaaLabel":"Share via whatsapp","vkTitle":"Share via vk","instagramTitle":"Share via Instagram","vkAriaLabel":"Share via vk","emailTitle":"Share via email","telegramAriaLabel":"Share via telegram","facebook":"Share via Facebook","copylinkAriaLabel":"Copy job link","telegram":"Share via telegram","emailClientSubject":"{{title}} at {{companyName}}","pinterest":"Share via pinterest","twitterAriaLabel":"Share via twitter","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","copylinkTitle":"Copy job link","google-plusAriaLabel":"Share via google plus","xingAriaLabel":"Share via xing","pinterestAriaLabel":"Share via pinterest","emailClientBody":"Check out this job:","vk":"Share via vk","emailAriaLabel":"Share via email","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"}} </script><style>.phcriticalhide{display: none!important}</style> <style>.phcriticalhide{display: none!important}</style> <meta name="google-site-verification" content="EZAbBIjaCCATN1LyBgzgLeZW0aS9w1tjrGgBr8V8eCE" /><script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "en_us","name": "home","url": "https://","datePublished": "2024-06-12","dateModified": "2024-06-12"}</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-1714561694312.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/tenantcss/main-1718199563182.css" id="tenantcss" /></head> <body class="home-page" data-ph-id="ph-page-element-page7-eo3699" style="visibility: hidden;"><a href="search-results" class="hide" style="display: none">Search results</a> <div class="ph-header" data-ph-id="ph-page-element-page7-3tRBmL"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="bB7ItStD-vce229XY"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page7-5OL0f4"> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page7-AH4Pmz"><section class="ppc-section ph-widget" type="dynamic" instance-id="Sfr4BI" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-page-element-page7-WnHUxe"><div class="ph-cookie-popup-v2-default-default ph-widget-target" as-element="ph-cookie-popup-v2" data-widget="ph-cookie-popup-v2" view="default-1678789407501" theme="default" original-view="default" instance-id="Sfr4BI" data-ph-id="ph-page-element-page7-qxWRd2"></div></section> <!-- hero block --> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page7-TWatF6" view="1582207830511-default" original-view="default" instance-id="KFqk8y" theme="default"><div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page7-MOqiTR" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1582207830511-default" original-view="default" theme="default" ph-removed="true" instance-id="KFqk8y"></div></section><section class="ph-hero-block-cc-view7-option2-theme1 ph-widget" type="static" view="1715607656538-hero-block-cc-view7-option2-savedView-1715607565750" original-view="ph-hero-block-cc-view7-option2" theme="theme1" instance-id="0GDnk0" data-ph-id="-1715607648874"><div class="ph-hero-block-cc-view7-option2-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1715607656538-hero-block-cc-view7-option2-savedView-1715607565750" original-view="ph-hero-block-cc-view7-option2" theme="theme1" ph-removed="true" data-ph-id="-1715607648874-1" instance-id="0GDnk0"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-5037501564075482-2"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="0GDnk0-GjkYtk-ph-hero-block-cc-view7-option2-savedView-1715607565750-savedView-1715089866159-listRole" instance-id="GjkYtk" data-ph-id="ph-widget-element-5037501564075482-3"> <div card-name="ph-hero-block-cc-view7" class="ph-card" key-role="0GDnk0-so8d5a-ph-hero-block-cc-view7-option2-savedView-1715607565750-savedView-1715089866159-listItemRole" instance-id="so8d5a" data-ph-id="ph-widget-element-5037501564075482-4"> <div class="ph-hero-block-cc-view7 ph-card-block" data-ph-at-id="ph-hero-block-cc-view7" data-ph-id="ph-widget-element-5037501564075482-5"> <figure class="image" key-role="0GDnk0-iLzm1o-ph-hero-block-cc-view7-option2-savedView-1715607565750-savedView-1715089866159-presentationRole" role="presentation" instance-id="iLzm1o" data-ph-id="ph-widget-element-5037501564075482-6"> <ppc-container component-content-key="primary-image" class="primary-image element-center" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5037501564075482-7"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5037501564075482-8"> <img src="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/images/TeraReconBanner1-1711378332340.png" key-src="0GDnk0-AbB41H-ph-hero-block-cc-view7-option2-savedView-1715607565750-savedView-1715089866159-image-src" alt="" key-alt="0GDnk0-AbB41H-ph-hero-block-cc-view7-option2-savedView-1715607565750-savedView-1715089866159-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="463" instance-id="AbB41H" data-ph-id="ph-widget-element-5037501564075482-9" /> </ppc-content> </ppc-container> </figure> <div class="inner-container" data-ph-id="ph-widget-element-5037501564075482-12"> <div class="global-search-block" data-ph-id="ph-widget-element-5037501564075482-13"> <ppc-container component-content-key="h1-heading" class="heading-one element-center" data-ph-cid="h1-heading1" data-ph-id="ph-widget-element-5037501564075482-14"> <h1 data-ph-id="ph-widget-element-5037501564075482-15"> <ppc-content key="0GDnk0-k5qjrz-ph-hero-block-cc-view7-option2-savedView-1715607565750-savedView-1715089866159-h1-heading-title-text" instance-id="k5qjrz" data-ph-id="ph-widget-element-5037501564075482-16"><div> <h3 ph-element-dummy-ele="true"><span style="color:rgba(18, 40, 76, 1);"><span style="font-family:Montserrat-Regular;">INNOVATE WITH US</span></span></h3> <h1><span style="color:rgba(18, 40, 76, 1);"><span style="font-family:Montserrat-Bold;">Build Something New</span></span></h1> </div> </ppc-content> </h1> </ppc-container> <section class="ph-widget" original-view="view3" view="4431039410532599-view3-4595109902381271" instance-id="8UvYZY" data-ph-id="ph-widget-element-5037501564075482-22"> <div as-element="ph-global-search-v1" class="ph-global-search-v1-view3-default ph-widget-target" view="4431039410532599-view3-4595109902381271-5037501527611009" data-widget="ph-global-search-v1" location-placeholder-text.bind="'search for location or zipcode'" placeholder-text.bind="'Search for Job title'" data-mode="loc-less" original-view="view3" instance-id="8UvYZY" data-ph-id="ph-widget-element-5037501564075482-23"></div> </section> </div> </div> </div> </div> </div> </div></div></section> <!-- FYF --> <section class="ph-widget" instance-id="ai8eoj" view="ai8eoj-default" original-view="default" data-ph-id="ph-page-element-page7-hJyyNb"> <div class="ph-find-your-fit-container-v1-default-theme2 ph-widget-target" theme="theme2" as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" instance-id="ai8eoj" view="default-1686138005460" original-view="default" data-ph-id="ph-page-element-page7-2XNRHM"></div> </section> <!--profile recom jobs--> <section class="ph-widget" instance-id="c1ykg4" view="c1ykg4-default" original-view="default" data-ph-id="ph-page-element-page7-BbYXRq"> <div class="ph-profile-recommendations-v2-default-theme28 ph-widget-target" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" theme="theme28" max-display-count="6" jobs-display-mode="seeMore" instance-id="c1ykg4" view="default-1663504113622" original-view="default" data-ph-id="ph-page-element-page7-wSlSPj"></div> </section> <!-- video popup --> <!-- category --> <section class="ppc-section ph-widget" type="static" data-ph-id="-1690557428203" view="1690557430786-accordian-cc-view2-option3" original-view="ph-accordian-cc-view2-option3" instance-id="O4aGAV" theme="theme1"><div class="ph-accordian-cc-view2-option3-theme1 ph-widget-target" data-ph-id="-1690557428203-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1690557430786-accordian-cc-view2-option3" original-view="ph-accordian-cc-view2-option3" theme="theme1" ph-removed="true" instance-id="O4aGAV"><div class="ph-component-cntr ph-widget-box header-center" data-ph-id="ph-widget-element-2969891529378662-2"> <div class="inner-container" data-ph-id="ph-widget-element-2969891529378662-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-2969891529378662-4"> <div class="ph-header-block-default" card-name="ph-header-block-v1-view1" instance-id="XPBird" data-ph-id="ph-widget-element-2969891529378662-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-2969891529378662-6"> <ppc-container component-content-key="h2-heading" class="heading-two " data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-2969891529378662-7"> <h2 data-ph-id="ph-widget-element-2969891529378662-8"> <ppc-content key="page56-O4aGAV-XPBird-Ax0Z7o-ph-accordian-cc-view2-option3-h2-heading-title-text" instance-id="XPBird-Ax0Z7o" data-ph-id="ph-widget-element-2969891529378662-9"><div><span class="brand-color-primary">Why Work at TeraRecon?</span><h4 ph-element-dummy-ele="true"><span style="font-family:Montserrat-Regular;">TeraRecon is now a ConcertAI Company!<br />You are our most valuable resource. You’ll find team members who are talented, diverse, and collaborative, and a work environment with ample opportunity to grow, create your own path, learn new things, and advance your career. We pride ourselves on providing work-life balance and internal mobility within a relaxed, supportive environment.</span></h4></div></ppc-content> </h2> </ppc-container> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-2969891529378662-13"> <section class="ph-widget" instance-id="tQk7Ji" original-view="view2" view="2969891461234993-view2" data-ph-id="ph-widget-element-2969891529378662-14"> <div class="ph-accordian-v1-view2-theme2 ph-widget-target" as-element="ph-accordian-v1" instance-id="tQk7Ji" data-widget="ph-accordian-v1" theme="theme2" view="2969891461234993-view2" original-view="view2" data-ph-id="ph-widget-element-2969891529378662-15"></div> </section> </div> </div> </div></div></section> <!-- testimonial slider --> <!-- We are global--> <section class="ppc-section ph-widget" type="static" data-ph-id="ph-page-element-page7-SE4FSS" view="1582874333110-media-large-testimonial-right-cc-slider-view1-option2" original-view="ph-media-large-testimonial-right-cc-slider-view1-option2" instance-id="oIZCu7" theme="theme1"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1582874333110-media-large-testimonial-right-cc-slider-view1-option2" original-view="ph-media-large-testimonial-right-cc-slider-view1-option2" type="static" data-ph-id="ph-page-element-page7-0EMBYU" instance-id="oIZCu7" class="ph-widget-target ph-media-large-testimonial-right-cc-slider-view1-option2-theme1" theme="theme1"> <div class="ph-component-cntr ph-widget-box header-center" default-cards-count="3" aria-label="See what our employees have to say Carousel" key-aria-label="page56-ph-html-v1-ph-media-large-testimonial-right-cc-slider-view1-option2-oIZCu7-4pO4ZS" role="region" data-ph-id="ph-page-element-page7-1GB4Iv" style="background-position: 50% 50%;"> <div class="inner-container" data-ph-id="ph-page-element-page7-QNSlq2"> <div class="ph-container-heading-block" data-ph-id="ph-page-element-page7-cvhqMP"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="9D8VUZ" data-ph-id="ph-page-element-page7-22zULN"> <div class="heading-block-info" data-ph-id="ph-page-element-page7-ldUQUI"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-page-element-page7-G0JvDf"> <h2 data-ph-id="ph-page-element-page7-Pv4VYG"> <ppc-content key="page56-ph-html-v1-ph-media-large-testimonial-right-cc-slider-view1-option2-oIZCu7-LWhwlr" instance-id="9D8VUZ-ASMDWR" data-ph-id="ph-page-element-page7-Wi3bwW"><div>TeraRecon<span class="brand-color-primary"> with ConcertAI Cares</span></div></ppc-content> </h2> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-page-element-page7-lBcj1y"> </div> </div> </div> <div class="ph-container-content-block ph-static-slider" data-ph-id="ph-page-element-page7-hnVr49"> <div ph-card-slider-v1="" data-widget-attr="ph-card-slider-v1" pha-phslide-arrows="true" pha-phslide-accessibility="false" pha-phslide-dots="true" pha-phslide-autoplay="false" data-cards-per-row="one" class="ph-slider-container ph-card-container ph-slide-loader stackable dots-circle" pha-phslide-prev-arrow="<button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="View previous slide" role="button">Previous</button>" pha-phslide-next-arrow="<button type="button" data-role="none" class="slick-next slick-arrow" aria-label="View next slide" role="button">Next</button>" phslide-parse-responsive="[{"breakpoint":3000, "settings":{"centerMode": "false"}},{"breakpoint":1400, "settings":{"centerMode": "false"}},{"breakpoint":1024, "settings":{"centerMode": "false"}},{"breakpoint":768, "settings":{"slidesToShow":1,"slidesToScroll":1}}]" phslide-dot-info-selector="[component-content-key='heading']" pha-phslide-center-mode="true" pha-phslide-center-padding="24px" data-ph-id="ph-page-element-page7-H4WYIk"> <div class="ph-card" card-name="ph-media-large-testimonial-right-cc-view1" data-ph-card-block-alignment="h" key-role="page56-ph-html-v1-ph-media-large-testimonial-right-cc-slider-view1-option2-oIZCu7-rKgwoG" instance-id="cZm4Qs" data-ph-id="ph-page-element-page7-VYmgpy" ph-slide-num="1"> <div class="ph-media-large-testimonial-right-cc-view1 ph-card-block" data-ph-at-id="ph-media-large-testimonial-right-cc-view1" data-ph-id="ph-page-element-page7-oAkbkt"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-page-element-page7-Fna5hC"> <div class="ph-col-6" ph-col-num="1" data-ph-id="ph-page-element-page7-MNUQD6"> <div class="media" ph-card-block-num="1" data-ph-id="ph-page-element-page7-lVPI9C"> <figure class="image" data-ph-id="ph-page-element-page7-BoSewM"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page7-EnJzig"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page7-OULmzy"> <img src="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/images/FullSizeRender-3-1694793747052.jpg" key-src="page56-ph-html-v1-ph-media-large-testimonial-right-cc-slider-view1-option2-oIZCu7-idFEQU" alt="Julie" key-alt="page56-ph-html-v1-ph-media-large-testimonial-right-cc-slider-view1-option2-oIZCu7-SCvyK3" unique-img="true" data-ph-cid="primary-image1" instance-id="cZm4Qs-L6WnNe" data-ph-id="ph-page-element-page7-bEvA1l" height-val="519" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-6" ph-col-num="2" data-ph-id="ph-page-element-page7-PbGwWx"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" ph-card-block-num="2" data-ph-id="ph-page-element-page7-cAdf1l"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-page-element-page7-vuKAZx"> <span class="description-block" data-ph-id="ph-page-element-page7-MHTi89"> <ppc-content key="page56-ph-html-v1-ph-media-large-testimonial-right-cc-slider-view1-option2-oIZCu7-F5y8kb" data-ph-at-id="description-text" instance-id="cZm4Qs-eIRbZN" data-ph-id="ph-page-element-page7-yFuHUQ"><div><span class="ph-line-height-1_3" data-ph-style-attr="ph-line-height-1_3" data-ph-process-line-height="true">ConcertAI Cares is our global volunteering initiative, underscoring our commitment to not only revolutionize healthcare through AI but also to positively impact society at both global and community levels. We empower our team to engage in meaningful volunteer work, reinforcing our dedication to fostering a culture of compassion and generosity.</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-name" class="employee-name" data-ph-cid="employee-name1" data-ph-id="ph-page-element-page7-UaQy0y"> <span data-ph-id="ph-page-element-page7-7hkQXa"> <ppc-content key="page56-ph-html-v1-ph-media-large-testimonial-right-cc-slider-view1-option2-oIZCu7-cMEQ6w" instance-id="cZm4Qs-yZniGm" data-ph-id="ph-page-element-page7-rbRDIV"><br /></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></section><section class="ph-widget ph-media-link-job-count-cc-view5-option1-theme1" type="static" view="rkvq41-ph-media-link-job-count-cc-view5-option1" theme="theme1" data-cards-per-row="six" instance-id="rkvq41" original-view="ph-media-link-job-count-cc-view5-option1" data-ph-id="ph-page-element-page7-JkbUiX"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="rkvq41-ph-media-link-job-count-cc-view5-option1" original-view="ph-media-link-job-count-cc-view5-option1" type="static" data-ph-id="ph-page-element-page7-2zAfne" instance-id="rkvq41" class="ph-widget-target ph-media-link-job-count-cc-view5-option1-theme1" theme="theme1"> <div class="ph-component-cntr ph-widget-box header-center" default-cards-count="10" data-ph-id="ph-page-element-page7-9VzNnh"> <div class="inner-container" data-ph-id="ph-page-element-page7-npkVDw"> <div class="ph-container-heading-block" data-ph-id="ph-page-element-page7-M7bClw"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="TuLSdX" data-ph-id="ph-page-element-page7-sv25Kl"> <div class="heading-block-info" data-ph-id="ph-page-element-page7-bckuP3"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-page-element-page7-oA4Sz9"> <h2 data-ph-id="ph-page-element-page7-uIE3wk"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-n2KkhU" instance-id="TuLSdX-gEV1JM" data-ph-id="ph-page-element-page7-ixsTnx" class="ppc-text ppc-content"><div><span class="brand-color-secondary">Office</span> Locations</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-page-element-page7-7U3Ooy"> <span class="sub-content-block" data-ph-id="ph-page-element-page7-HHDdJT"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-E7O9QL" instance-id="TuLSdX-t47A0f" data-ph-id="ph-page-element-page7-roJRxK" class="ppc-text ppc-content"><h3>Choose the area near your community<br />to explore job opportunities.</h3></ppc-content> </span> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-page-element-page7-2jyrEt"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-page-element-page7-0xuvYx"> <div class="ph-card-container stackable" data-cards-per-row="three" role="list" data-ph-id="ph-page-element-page7-oB8QOx"><div class="ph-card" card-name="ph-media-link-job-count-cc-view5" data-ph-card-block-alignment="v" role="listitem" key-role="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-0EzHiB" instance-id="bxWmPI" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page7-MYv9Ze"> <div class="ph-media-link-job-count-cc-view5 ph-card-block" data-ph-at-id="ph-media-link-job-count-cc-view5" data-ph-id="ph-page-element-page7-fPmUHk"> <ppc-container card-content-key="card-link" data-ph-id="ph-page-element-page7-dQCcqi"> <a key-ph-href="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-OiL2zJ" title="" key-title="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-pNlF79" ph-tevent="static_content_click" data-ph-at-id="ph-media-link-job-count-cc-view5" instance-id="bxWmPI-WH3Q3p" data-ph-id="ph-page-element-page7-6FrVeB" class="" data-ph-href="javascript:void(0)" ph-href="javascript:void(0)"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page7-Ewm9tz"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page7-qEjfM5"> <div class="content" ph-card-block-num="1" data-ph-id="ph-page-element-page7-qxf9NP"> <div class="location-content" data-ph-id="ph-page-element-page7-PAF9eC"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-page-element-page7-0lJHTY"> <span key-aria-level="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-zTL2rV" key-role="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-jNjAle" instance-id="bxWmPI-Fc6fjH" data-ph-id="ph-page-element-page7-FMnLmT"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-UXhbuC" data-ph-at-id="heading-text" instance-id="bxWmPI-Fc6fjH" data-ph-id="ph-page-element-page7-szF0EW" class="ppc-text ppc-content">MA</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-page-element-page7-5r5U0H"> <span class="description-block" data-ph-id="ph-page-element-page7-ntc8oB"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-UtSlL9" data-ph-at-id="description-text" instance-id="bxWmPI-j3cIzh" data-ph-id="ph-page-element-page7-jxMjQn" class="ppc-text ppc-content">Cambridge</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </a> </ppc-container> </div> </div><div class="ph-card" card-name="ph-media-link-job-count-cc-view5" data-ph-card-block-alignment="v" role="listitem" key-role="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-IMGv3Z" instance-id="gzdK0C" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page7-ubkgDC"> <div class="ph-media-link-job-count-cc-view5 ph-card-block" data-ph-at-id="ph-media-link-job-count-cc-view5" data-ph-id="ph-page-element-page7-ZPRQ4k"> <ppc-container card-content-key="card-link" data-ph-id="ph-page-element-page7-BRCgHq"> <a key-ph-href="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-1qL25x" title="" key-title="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-ZQaLuJ" ph-tevent="static_content_click" data-ph-at-id="ph-media-link-job-count-cc-view5" instance-id="gzdK0C-7nPy6Z" data-ph-id="ph-page-element-page7-mZarog" class="" data-ph-href="javascript:void(0)" ph-href="javascript:void(0)"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page7-nobqwR"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page7-PXUqqO"> <div class="content" ph-card-block-num="1" data-ph-id="ph-page-element-page7-dTvgP8"> <div class="location-content" data-ph-id="ph-page-element-page7-EvwpNy"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-page-element-page7-z7Jyi8"> <span key-aria-level="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-NXoSyy" key-role="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-iScBg9" instance-id="gzdK0C-JLs4Tr" data-ph-id="ph-page-element-page7-HIIbBE"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-ljvsV4" data-ph-at-id="heading-text" instance-id="gzdK0C-JLs4Tr" data-ph-id="ph-page-element-page7-lYhMc6" class="ppc-text ppc-content">PA</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-page-element-page7-WUjkDZ"> <span class="description-block" data-ph-id="ph-page-element-page7-4mfxl3"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-B5R2MB" data-ph-at-id="description-text" instance-id="gzdK0C-t9DJiy" data-ph-id="ph-page-element-page7-iu5Eln" class="ppc-text ppc-content">Plymouth Meeting</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </a> </ppc-container> </div> </div><div class="ph-card" card-name="ph-media-link-job-count-cc-view5" data-ph-card-block-alignment="v" role="listitem" key-role="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-6GOuRa" instance-id="ju1JQg" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page7-d3LgKq"> <div class="ph-media-link-job-count-cc-view5 ph-card-block" data-ph-at-id="ph-media-link-job-count-cc-view5" data-ph-id="ph-page-element-page7-2mk90n"> <ppc-container card-content-key="card-link" data-ph-id="ph-page-element-page7-8om8sN"> <a key-ph-href="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-JojMQh" title="" key-title="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-ghGX1p" ph-tevent="static_content_click" data-ph-at-id="ph-media-link-job-count-cc-view5" instance-id="ju1JQg-qiKFd8" data-ph-id="ph-page-element-page7-AtP8UX" class="" data-ph-href="javascript:void(0)" ph-href="javascript:void(0)"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page7-zYnflh"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page7-R6X2Ku"> <div class="content" ph-card-block-num="1" data-ph-id="ph-page-element-page7-kxBOXE"> <div class="location-content" data-ph-id="ph-page-element-page7-mZD5la"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-page-element-page7-z0gyFO"> <span key-aria-level="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-E2RnQm" key-role="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-y2Z3AL" instance-id="ju1JQg-02cyDC" data-ph-id="ph-page-element-page7-1jlntr"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-ocLq8r" data-ph-at-id="heading-text" instance-id="ju1JQg-02cyDC" data-ph-id="ph-page-element-page7-7mDuCG" class="ppc-text ppc-content">CA</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-page-element-page7-Rf1awo"> <span class="description-block" data-ph-id="ph-page-element-page7-pK03aP"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-1ticgt" data-ph-at-id="description-text" instance-id="ju1JQg-0EMfSa" data-ph-id="ph-page-element-page7-hPAKlp" class="ppc-text ppc-content">Los Altos</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </a> </ppc-container> </div> </div><div class="ph-card" card-name="ph-media-link-job-count-cc-view5" data-ph-card-block-alignment="v" role="listitem" key-role="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-gGQ9El" instance-id="KR9Pml" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page7-uZl7RG"> <div class="ph-media-link-job-count-cc-view5 ph-card-block" data-ph-at-id="ph-media-link-job-count-cc-view5" data-ph-id="ph-page-element-page7-ElhJqF"> <ppc-container card-content-key="card-link" data-ph-id="ph-page-element-page7-nH8t8Z"> <a key-ph-href="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-Rcmdkv" title="" key-title="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-7qrkRv" ph-tevent="static_content_click" data-ph-at-id="ph-media-link-job-count-cc-view5" instance-id="KR9Pml-S1PlYD" data-ph-id="ph-page-element-page7-Mqoh4V" class="" data-ph-href="javascript:void(0)" ph-href="javascript:void(0)"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page7-NH96y8"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page7-3ing4N"> <div class="content" ph-card-block-num="1" data-ph-id="ph-page-element-page7-fxX4lF"> <div class="location-content" data-ph-id="ph-page-element-page7-deFLLx"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-page-element-page7-v2dSbi"> <span key-aria-level="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-hsnLuD" key-role="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-QUyo63" instance-id="KR9Pml-wIykkf" data-ph-id="ph-page-element-page7-j2fDw5"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-kGs4PM" data-ph-at-id="heading-text" instance-id="KR9Pml-wIykkf" data-ph-id="ph-page-element-page7-Nvd5ez" class="ppc-text ppc-content">JPN</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-page-element-page7-Dx5ZgB"> <span class="description-block" data-ph-id="ph-page-element-page7-L3igHz"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-n2fggY" data-ph-at-id="description-text" instance-id="KR9Pml-uE6zuO" data-ph-id="ph-page-element-page7-MKpqbm" class="ppc-text ppc-content">Tokyo</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </a> </ppc-container> </div> </div><div class="ph-card" card-name="ph-media-link-job-count-cc-view5" data-ph-card-block-alignment="v" role="listitem" key-role="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-oIrNxa" instance-id="5rZ3QJ" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page7-Srefzl"> <div class="ph-media-link-job-count-cc-view5 ph-card-block" data-ph-at-id="ph-media-link-job-count-cc-view5" data-ph-id="ph-page-element-page7-mVhprY"> <ppc-container card-content-key="card-link" data-ph-id="ph-page-element-page7-CVGZC2"> <a key-ph-href="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-Kemrie" title="" key-title="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-ZbBvcI" ph-tevent="static_content_click" data-ph-at-id="ph-media-link-job-count-cc-view5" instance-id="5rZ3QJ-gih8hq" data-ph-id="ph-page-element-page7-LpzCTp" data-ph-href="locations" hidelinktarget="false" class="" ph-href="locations" arialabel="" target="_self"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page7-6jU2mT"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page7-fpoMtg"> <div class="content" ph-card-block-num="1" data-ph-id="ph-page-element-page7-tBbp3n"> <div class="location-content" data-ph-id="ph-page-element-page7-vxr8rg"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-page-element-page7-8dGqn3"> <span key-aria-level="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-6MbhHY" key-role="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-vpf3J1" instance-id="5rZ3QJ-olAAt3" data-ph-id="ph-page-element-page7-Lo5cLk"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-9WW3Ih" data-ph-at-id="heading-text" instance-id="5rZ3QJ-olAAt3" data-ph-id="ph-page-element-page7-1eumWZ" class="ppc-text ppc-content">IND</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-page-element-page7-KnTUfg"> <span class="description-block" data-ph-id="ph-page-element-page7-rDaW4K"> <ppc-content key="page56-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-okQPdQ" data-ph-at-id="description-text" instance-id="5rZ3QJ-mhYYui" data-ph-id="ph-page-element-page7-Lalsy6" class="ppc-text ppc-content"> India </ppc-content> </span> </ppc-container> </div> </div> </div> </div> </a> </ppc-container> </div> </div><div class="ph-card" card-name="ph-media-link-job-count-cc-view5" data-ph-card-block-alignment="v" role="listitem" key-role="page56-vRSIo8-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-0EzHiB" instance-id="sOJJMF" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-2816564073987948-2"> <div class="ph-media-link-job-count-cc-view5 ph-card-block" data-ph-at-id="ph-media-link-job-count-cc-view5" data-ph-id="ph-widget-element-2816564073987948-3"> <ppc-container card-content-key="card-link" data-ph-id="ph-widget-element-2816564073987948-4"> <a key-ph-href="page56-TojBEZ-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-OiL2zJ" title="" key-title="page56-aHB5U9-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-pNlF79" ph-tevent="static_content_click" data-ph-at-id="ph-media-link-job-count-cc-view5" instance-id="bxWmPI-WH3Q3p" class="" data-ph-href="javascript:void(0)" ph-href="javascript:void(0)" data-ph-id="ph-widget-element-2816564073987948-5"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-2816564073987948-6"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-2816564073987948-7"> <div class="content" ph-card-block-num="1" data-ph-id="ph-widget-element-2816564073987948-8"> <div class="location-content" data-ph-id="ph-widget-element-2816564073987948-9"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-widget-element-2816564073987948-10"> <span key-aria-level="page56-DA2muL-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-zTL2rV" key-role="page56-isWmkj-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-jNjAle" instance-id="bxWmPI-Fc6fjH" data-ph-id="ph-widget-element-2816564073987948-11"> <ppc-content key="page56-rXENgf-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-UXhbuC" data-ph-at-id="heading-text" instance-id="bxWmPI-Fc6fjH" class="ppc-text ppc-content" data-ph-id="ph-widget-element-2816564073987948-12">DEU</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-widget-element-2816564073987948-16"> <span class="description-block" data-ph-id="ph-widget-element-2816564073987948-17"> <ppc-content key="page56-Vbeq7Z-ph-html-v1-ph-media-link-job-count-cc-view5-option1-rkvq41-UtSlL9" data-ph-at-id="description-text" instance-id="bxWmPI-j3cIzh" class="ppc-text ppc-content" data-ph-id="ph-widget-element-2816564073987948-18">Frankfurt</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </a> </ppc-container> </div> </div></div> </div> </div> </div> </div></section> <!-- Why work here --> <section class="ph-widget ph-employees-testimonial-cc-slider-view5-option2-theme1" type="static" view="rkvq45-ph-employees-testimonial-cc-slider-view5-option2" theme="theme1" data-cards-per-row="one" instance-id="rkvq45" original-view="ph-employees-testimonial-cc-slider-view5-option2" data-ph-id="ph-page-element-page7-kiLllu"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="rkvq45-ph-employees-testimonial-cc-slider-view5-option2" original-view="ph-employees-testimonial-cc-slider-view5-option2" type="static" data-ph-id="ph-page-element-page7-H3DgNO" instance-id="rkvq45" class="ph-widget-target ph-employees-testimonial-cc-slider-view5-option2-theme1" theme="theme1"> <div class="ph-component-cntr ph-widget-box header-center" aria-label="Why work here carousel" key-aria-label="page56-ph-html-v1-ph-employees-testimonial-cc-slider-view5-option2-rkvq45-H8MWkC" role="region" data-ph-id="ph-page-element-page7-UbquVl"> <div class="inner-container ph-fluid-container" data-ph-id="ph-page-element-page7-CSKb2k"> <div class="ph-container-heading-block" data-ph-id="ph-page-element-page7-VyOmtd"> <div class="ph-header-block-default" card-name="ph-header-block-v1-view1" instance-id="GC6DWb" data-ph-id="ph-page-element-page7-idk9ZI"> <div class="heading-block-info" data-ph-id="ph-page-element-page7-nfDSig"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-page-element-page7-1MOBMc"> <h2 data-ph-id="ph-page-element-page7-keCadB"> <ppc-content key="page56-ph-html-v1-ph-employees-testimonial-cc-slider-view5-option2-rkvq45-yP7rAy" instance-id="GC6DWb-scZjvG" data-ph-id="ph-page-element-page7-afM71Y"><div>What Our <span class="brand-color-secondary">Employees</span> Say</div></ppc-content> </h2> </ppc-container> </div> </div> </div> <div class="ph-container-content-block ph-static-slider" data-ph-id="ph-page-element-page7-tyBZzJ"> <div ph-card-slider-v1="" data-widget-attr="ph-card-slider-v1" pha-phslide-arrows="false" pha-phslide-dots="true" pha-phslide-autoplay="false" class="ph-slider-container ph-card-container stackable ph-slide-loader" data-cards-per-row="one" phslide-number-slides-to-show="1" pha-phslide-infinite="true" phslide-number-slides-to-scroll="1" pha-phslide-adaptiveheight="false" pha-phslide-prev-arrow="<button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="View previous slide" role="button">Previous</button>" pha-phslide-next-arrow="<button type="button" data-role="none" class="slick-next slick-arrow" aria-label="View next slide" role="button">Next</button>" phslide-parse-responsive="[{"breakpoint":3000, "settings":{"centerMode": "false"}},{"breakpoint":1400, "settings":{"centerMode": "false"}},{"breakpoint":1024, "settings":{"centerMode": "false"}},{"breakpoint":768, "settings":{"slidesToShow":1,"slidesToScroll":1,"centerMode": "false"}}]" pha-phslide-center-mode="true" pha-phslide-center-padding="24px" phslide-dot-info-selector="[component-content-key='heading']" data-ph-id="ph-page-element-page7-ZBRplg"> <div class="ph-card" card-name="ph-employees-testimonial-cc-view5" instance-id="FRCTCW" name="ph-employees-testimonial-cc-view5" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page7-ZFXhs0" ph-slide-num="1"> <div class="ph-card-block ph-employees-testimonial-cc-view5" data-ph-id="ph-page-element-page7-KtvHYx"> <div class="media" data-ph-id="ph-page-element-page7-6JK0Ra"> <figure class="image" data-ph-id="ph-page-element-page7-baWPaV"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-image-fit-container-cms" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page7-eETdH8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page7-cqmULP"> <img src="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/images/DSCF1110-5-1690470783316.jpg" key-src="page56-ph-html-v1-ph-employees-testimonial-cc-slider-view5-option2-rkvq45-L9M6bZ" alt="" key-alt="page56-ph-html-v1-ph-employees-testimonial-cc-slider-view5-option2-rkvq45-4JUHsx" data-ph-cid="primary-image1" instance-id="FRCTCW-8STWYr" data-ph-id="ph-page-element-page7-1P5hMh" height-val="525" crop-size="fit" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-5e43iA"> <div class="data" data-ph-id="ph-page-element-page7-LXeBFz"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-page-element-page7-u9DD52"> <span key-aria-level="page56-ph-html-v1-ph-employees-testimonial-cc-slider-view5-option2-rkvq45-DPymTV" key-role="page56-ph-html-v1-ph-employees-testimonial-cc-slider-view5-option2-rkvq45-nsYCgf" instance-id="FRCTCW-I7PKum" data-ph-id="ph-page-element-page7-HIm8PB"> <ppc-content key="page56-ph-html-v1-ph-employees-testimonial-cc-slider-view5-option2-rkvq45-kBHuOz" data-ph-at-id="heading-text" instance-id="FRCTCW-I7PKum" data-ph-id="ph-page-element-page7-J8ip26">Innovate With Us</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-page-element-page7-IQEZ8S"> <span class="description-block" data-ph-id="ph-page-element-page7-EDqN5Y"> <ppc-content key="page56-ph-html-v1-ph-employees-testimonial-cc-slider-view5-option2-rkvq45-Z31Ziy" data-ph-at-id="description-text" instance-id="FRCTCW-4s1Qmh" data-ph-id="ph-page-element-page7-W8nkg1">"TeraRecon's career development program allowed me to gain hands on professional experience while working alongside influential and innovative individuals that positively inspired personal growth, leadership development, and knowledge expansion." - Alessandro Aita</ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-page-element-page7-Rkkeak"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></section> <!--recom job histroy--> <section class="ph-widget" instance-id="23c11d" view="23c11d-default" original-view="default" data-ph-id="ph-page-element-page7-mFf6V4"> <div as-element="ph-recom-jobs-browsing-history-v3" class="ph-recom-jobs-browsing-history-v3-default-theme28 ph-widget-target" data-widget="ph-recom-jobs-browsing-history-v3" theme="theme28" jobs-display-mode="seeMore" max-display-count="6" instance-id="23c11d" view="default-1622923084713" original-view="default" data-ph-id="ph-page-element-page7-JwAaSn"></div> </section> <!--recently viewd jobs--> <section class="ph-widget" instance-id="81a3gk" view="81a3gk-default" original-view="default" data-ph-id="ph-page-element-page7-liberg"> <div as-element="ph-recently-viewed-jobs-v3" class="ph-recently-viewed-jobs-v3-default-theme28 ph-widget-target" data-widget="ph-recently-viewed-jobs-v3" theme="theme28" jobs-display-mode="seeMore" max-display-count="6" instance-id="81a3gk" view="default-1622923135840" original-view="default" data-ph-id="ph-page-element-page7-UPH08h"></div> </section> <!--nearbyjbs--> <section class="ph-widget" instance-id="qi5top" view="qi5top-default" original-view="default" data-ph-id="ph-page-element-page7-Yjaj6J"> <div as-element="ph-near-by-jobs-v2" class="ph-near-by-jobs-v2-default-theme28 ph-widget-target" data-widget="ph-near-by-jobs-v2" theme="theme28" jobs-display-mode="seeMore" max-display-count="6" instance-id="qi5top" view="default-1663503297777" original-view="default" data-ph-id="ph-page-element-page7-8eAxzI"></div> </section> <!-- glassdoor --> <!-- find out more --> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1718188539998" view="1718188565243-default" original-view="default" instance-id="BjZnZU" theme="theme28"><div class="ph-recom-jobs-browsing-history-v3-default-theme28 ph-widget-target" data-ph-id="-1718188539998-1" as-element="ph-recom-jobs-browsing-history-v3" data-widget="ph-recom-jobs-browsing-history-v3" view="1718188565243-default" original-view="default" theme="theme28" ph-removed="true" instance-id="BjZnZU"></div></section><section class="ph-widget ph-media-cc-view1-option11-theme1" theme="theme1" type="static" view="vtrhg-ph-media-cc-view1-option11" instance-id="vtrhg" original-view="ph-media-cc-view1-option11" data-ph-id="ph-page-element-page7-YQX1Gd"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="vtrhg-ph-media-cc-view1-option11" original-view="ph-media-cc-view1-option11" type="static" data-ph-id="ph-page-element-page7-G7Pro9" instance-id="vtrhg" class="ph-widget-target ph-media-cc-view1-option11-theme1" theme="theme1"> <div class="ph-component-cntr ph-widget-box header-center" default-cards-count="2" data-ph-id="ph-page-element-page7-cKtOR2"> <div class="inner-container" data-ph-id="ph-page-element-page7-BmaVJf"> <div class="ph-container-heading-block" data-ph-id="ph-page-element-page7-zuDsUN"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="BerANz" data-ph-id="ph-page-element-page7-cetQni"> <div class="heading-block-info" data-ph-id="ph-page-element-page7-btCxbC"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-page-element-page7-mZkEJD"> <h2 data-ph-id="ph-page-element-page7-cqyQZI"> <ppc-content key="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-jBElW8" instance-id="BerANz-c49XNv" data-ph-id="ph-page-element-page7-4Jdr1h"><div><span class="brand-color-secondary">Learn</span> More</div></ppc-content> </h2> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-page-element-page7-Da0Quk"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-page-element-page7-UABguA"> <div class="ph-card-container stackable" data-cards-per-row="two" role="list" key-role="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-YxnX0L" data-ph-id="ph-page-element-page7-gMgq6h"> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="WGPQzY" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page7-iGhElN"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-page-element-page7-JbgYzq"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page7-IJtyvm"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page7-X31V9q"> <div ph-card-block-num="1" data-ph-id="ph-page-element-page7-QxOXTi"> <figure class="image" role="presentation" key-role="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-HYg4Ch" instance-id="WGPQzY-lXJblk" data-ph-id="ph-page-element-page7-mxoi6E"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page7-qSgmWY"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page7-2fAlEm"> <img src="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/images/interns31690472484444bceqk-1690473081928.png" key-src="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-YfCJBh" alt="" key-alt="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-ZYAp4t" unique-img="true" data-ph-cid="primary-image1" instance-id="WGPQzY-wUdJSp" data-ph-id="ph-page-element-page7-FkMAfG" height-val="360" crop-size="fit" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-page-element-page7-DgoC5n"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page7-Ckv0Bx"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-page-element-page7-33ZD9G"> <span key-aria-level="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-XCbxo6" key-role="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-bEuEGt" instance-id="WGPQzY-WQCQ6q" data-ph-id="ph-page-element-page7-5VGrqQ"> <ppc-content key="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-aVtOfO" data-ph-at-id="heading-text" instance-id="WGPQzY-WQCQ6q" data-ph-id="ph-page-element-page7-FQFUH4"><div><span class="brand-color-primary"><span class="brand-color-secondary">Internships</span> at TeraRecon</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-page-element-page7-VKB5Px"> <span class="description-block" data-ph-id="ph-page-element-page7-yYn4KL"> <ppc-content key="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-u3oexN" data-ph-at-id="description-text" instance-id="WGPQzY-FoWgYI" data-ph-id="ph-page-element-page7-c8O9tM"><div><span style="color:rgba(24, 50, 90, 1);">Experience an immersive environment in cutting-edge AI technologies and contribute to projects that apply to artificial intelligence to revolutionize the healthcare sector. Work alongside experienced professionals, gain insights into the AI industry and healthcare all while sharpening your technical and problem-solving skills. </span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link link-button" data-ph-cid="primary-action-link1" data-ph-id="ph-page-element-page7-NjOQWO"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-page-element-page7-eR9bTb"> <a role="link" key-role="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-t5wpWR" class="action-link" ph-href="students" key-ph-href="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-mwx1WH" title="" key-title="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-WmRKSP" aria-label="Read more students at ConcertAI" key-aria-label="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-JTYRzW" ph-tevent="static_content_click" instance-id="WGPQzY-VkqFms" data-ph-id="ph-page-element-page7-hnSlre" ph-external-link-enabled="one-trust-disabled"> <ppc-content key="page56-ph-html-v1-ph-media-cc-view1-option11-vtrhg-PK6WjO" data-ph-at-id="link-text" instance-id="WGPQzY-VkqFms" data-ph-id="ph-page-element-page7-eCoxRo"><div><span style="font-family:Montserrat-Regular;">Learn More</span></div></ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page7-0NcKgL"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="MEsxay" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-3923871414302834-2"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-3923871414302834-3"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-3923871414302834-4"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-3923871414302834-5"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-3923871414302834-6"> <figure class="image" role="presentation" key-role="page56-hLXCMV-ph-html-v1-ph-media-cc-view1-option11-vtrhg-HYg4Ch" instance-id="WGPQzY-lXJblk" data-ph-id="ph-widget-element-3923871414302834-7"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-3923871414302834-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-3923871414302834-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/images/FullSizeRender-1694793297976.jpg" key-src="page56-kLx9Q0-ph-html-v1-ph-media-cc-view1-option11-vtrhg-YfCJBh" alt="" key-alt="page56-zCqfj8-ph-html-v1-ph-media-cc-view1-option11-vtrhg-ZYAp4t" unique-img="true" data-ph-cid="primary-image1" instance-id="WGPQzY-wUdJSp" height-val="360" crop-size="fit" data-ph-id="ph-widget-element-3923871414302834-10" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-3923871414302834-11"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-3923871414302834-12"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-3923871414302834-16"> <span key-aria-level="page56-kfWppS-ph-html-v1-ph-media-cc-view1-option11-vtrhg-XCbxo6" key-role="page56-2D3bGl-ph-html-v1-ph-media-cc-view1-option11-vtrhg-bEuEGt" instance-id="WGPQzY-WQCQ6q" data-ph-id="ph-widget-element-3923871414302834-17"> <ppc-content key="page56-vJmKE6-ph-html-v1-ph-media-cc-view1-option11-vtrhg-aVtOfO" data-ph-at-id="heading-text" instance-id="WGPQzY-WQCQ6q" data-ph-id="ph-widget-element-3923871414302834-18"><div><span class="brand-color-primary">Concert<span class="brand-color-secondary">AI</span> Team Events</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-3923871414302834-21"> <span class="description-block" data-ph-id="ph-widget-element-3923871414302834-22"> <ppc-content key="page56-zUCYXJ-ph-html-v1-ph-media-cc-view1-option11-vtrhg-u3oexN" data-ph-at-id="description-text" instance-id="WGPQzY-FoWgYI" data-ph-id="ph-widget-element-3923871414302834-23"><div>TeraRecon, a ConcertAI company, is deeply committed to making a positive impact in the world, which is why we launched ConcertAI Cares, our global volunteering initiative focused on giving back to communities around the world. We believe that our responsibility extends beyond our core mission of revolutionizing healthcare through artificial intelligence, and includes actively contributing to the betterment of society on both a global and local scale. Through ConcertAI Cares, we empower our team members to engage in meaningful volunteer work, reinforcing our commitment to being a force for good in the world and fostering a culture of compassion and generosity.</div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link link-button" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-3923871414302834-26"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-3923871414302834-27"> <a role="link" key-role="page56-A5SuUZ-ph-html-v1-ph-media-cc-view1-option11-vtrhg-t5wpWR" class="action-link" ph-href="javascript:void(0)" key-ph-href="page56-0sYzRb-ph-html-v1-ph-media-cc-view1-option11-vtrhg-mwx1WH" title="" key-title="page56-CuJ6ck-ph-html-v1-ph-media-cc-view1-option11-vtrhg-WmRKSP" aria-label="Read more students at ConcertAI" key-aria-label="page56-e94KrC-ph-html-v1-ph-media-cc-view1-option11-vtrhg-JTYRzW" ph-tevent="static_content_click" instance-id="WGPQzY-VkqFms" data-ph-id="ph-widget-element-3923871414302834-28"> <ppc-content key="page56-66FFeO-ph-html-v1-ph-media-cc-view1-option11-vtrhg-PK6WjO" data-ph-at-id="link-text" instance-id="WGPQzY-VkqFms" data-ph-id="ph-widget-element-3923871414302834-29"><div><span style="font-family:Montserrat-Regular;">Coming Soon!</span></div></ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-3923871414302834-30"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div> </div></section> <!-- A glimpse into Phenom life --> <section class="ph-widget ph-media-link-cc-view1-option11-theme3" theme="theme3" type="static" view="16UyFU-ph-media-link-cc-view1-option11" instance-id="16UyFU" original-view="ph-media-link-cc-view1-option11" data-ph-id="ph-page-element-page7-3dgXaV"> <div as-element="ph-html-v1" data-widget="ph-html-v1" view="16UyFU-ph-media-link-cc-view1-option11" original-view="ph-media-link-cc-view1-option11" type="static" instance-id="16UyFU" theme="theme3" class="ph-widget-target ph-media-link-cc-view1-option11-theme3" data-ph-id="ph-page-element-page7-U7j9WQ"> <div class="ph-component-cntr ph-widget-box header-center" data-ph-id="ph-page-element-page7-uzXCuP" style="background-position: 50% 50%;"> <div class="inner-container" data-ph-id="ph-page-element-page7-vD3UNk"> <div class="ph-container-heading-block" data-ph-id="ph-page-element-page7-FSwkM5"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="DffnHB" data-ph-id="ph-page-element-page7-J4GxJP"> <div class="heading-block-info" data-ph-id="ph-page-element-page7-h1s6he"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-page-element-page7-MDmEnj"> <h2 data-ph-id="ph-page-element-page7-Y7tRJs"> <ppc-content key="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-MSOqYn" instance-id="DffnHB-xeyPoI" data-ph-id="ph-page-element-page7-CsEgcN" class="ppc-text ppc-content"><div><span class="brand-color-secondary">Follow Us</span> on Social Media</div></ppc-content> </h2> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-page-element-page7-LxkaRf"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-page-element-page7-xjYL2i"> <div class="ph-card-container stackable element-center" data-cards-per-row="two" role="list" key-role="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-VPFE1a" data-ph-id="ph-page-element-page7-twmmnl"> <div class="ph-card" card-name="ph-media-link-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-7mSXNB" instance-id="gQDE9n" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page7-4C08jB"> <ppc-container card-content-key="card-link" look-up="inline" data-ph-id="ph-page-element-page7-wEnT7k"> <a data-ph-name="card-link" key-ph-href="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-636yz2" title="Follow us on LinkedIn" key-title="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-iJ4w3v" ph-tevent="static_content_click" class="" look-up="inline" instance-id="gQDE9n-MGY5pM" data-ph-id="ph-page-element-page7-NyARvm" hidelinktarget="false" aria-label="Follow us on LinkedIn" ph-href="https://www.linkedin.com/company/terarecon-inc-" target="_blank"> <div class="ph-media-link-cc-view1 ph-card-block" data-ph-at-id="ph-media-link-cc-view1" data-ph-id="ph-page-element-page7-CrpJJF"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page7-EgidTJ"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page7-rBis6y"> <div ph-card-block-num="1" data-ph-id="ph-page-element-page7-0WfpfW"> <figure class="image" role="presentation" data-ph-id="ph-page-element-page7-IUp9l1"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page7-9uSJhz"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page7-MQdnxF" class="ppc-image ppc-content"><img src="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/images/linkdin-1578046007310.png" key-src="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-hNB8tr" alt="follow us in linkedin" key-alt="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-mb9xFk" data-ph-cid="primary-image1" instance-id="gQDE9n-kxSJH8" data-ph-id="ph-page-element-page7-MLaXTX" height-val="32" /></ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-page-element-page7-c8IuGr"> <div class="content" ph-card-block-num="2" data-ph-id="ph-page-element-page7-aZTKoS"> </div> </div> </div> </div> </a> </ppc-container> </div><div class="ph-card" card-name="ph-media-link-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-TCWEDY" instance-id="uMUPw1" data-ph-id="ph-page-element-page7-RsmTBe"> <ppc-container card-content-key="card-link" look-up="inline" data-ph-id="ph-page-element-page7-tzp5jB"> <a data-ph-name="card-link" key-ph-href="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-klyvbZ" title="Follow us on Twitter" key-title="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-3gAL71" ph-tevent="static_content_click" class="" look-up="inline" instance-id="uMUPw1-aeFEtC" data-ph-id="ph-page-element-page7-gEICM1" hidelinktarget="false" aria-label="Follow us on Twitter" ph-href="https://twitter.com/TeraRecon" target="_blank"> <div class="ph-media-link-cc-view1 ph-card-block" data-ph-at-id="ph-media-link-cc-view1" data-ph-id="ph-page-element-page7-eTQWI2"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page7-lovbww"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page7-YDzC2X"> <div ph-card-block-num="1" data-ph-id="ph-page-element-page7-Il7iRw"> <figure class="image" role="presentation" data-ph-id="ph-page-element-page7-f0qNvv"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page7-LMSevw"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page7-KeJPR3" class="ppc-image ppc-content"><img src="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/images/Twitter-1715261123785.png" key-src="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-2iw8s1" alt="follow us on twitter" key-alt="page56-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-QFSRqm" data-ph-cid="primary-image1" instance-id="uMUPw1-I39Nct" data-ph-id="ph-page-element-page7-iMbV7Z" height-val="32" /></ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-page-element-page7-1HvPD7"> <div class="content" ph-card-block-num="2" data-ph-id="ph-page-element-page7-eWtsAS"> </div> </div> </div> </div> </a> </ppc-container> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="ph-footer" data-ph-id="ph-page-element-page7-VS262H"><div class="footer-layout" type="footer-layout"> <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="02oa3Bib-zB2qJaH4"></pcs-widget> </div></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/en_us/desktop/assets/scripts/1693394758668-custom.js" data-ph-id="ph-page-element-page7-DyHezt" async="" nonce=""></script> <script id="platform_script_polyfill" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/minified.js" nomodule="" defer=""></script><script id="platform_script_vendor" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/vue.min-1.0_1636721870521.js" defer=""></script><script id="platform_script_common" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/common/pcs-common-v1.17_1713953061742.js" defer=""></script><script id="caas_bootstrapper" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/bootstrap/ph-platform-1.17_1711627640948.js" defer="" nonce=""> </script><script type="text/javascript">if(phApp) {phApp.viewsFromPage = true} else {var phApp = {"viewsFromPage":true}}</script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/COQCONUS/en_us/desktop/page56/caas-platform/page-views-1718197213503.js" defer></script><script id="chatbotScript"> var timestamp = Date.now(); var scriptElement = document.createElement("script"); scriptElement.async = true; scriptElement.id = "chatbotInitScript"; scriptElement.src = "https://cdn-bot.phenompeople.com/txm-bot/prod/prod.js" +"?v=" + timestamp; var getScripts = document.getElementsByTagName("script"); var lastScriptElement = getScripts[getScripts.length - 1]; lastScriptElement.parentNode.insertBefore(scriptElement, lastScriptElement); window.chatbotURL = window.phApp.baseUrl; </script> </body> </html><div id='csrfToken' style='display:none'>c1513be76a1547daa3185c305473a78c</div>