CINXE.COM
<!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page10-edM83C" class="desktop en_us external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page10-7QSjoD"><script src="https://assets.adobedtm.com/82bf3c13a525/b93b1a237384/launch-c9d2ee1dbb19.min.js" async="" id="custom_script" nonce=""></script><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page10-8HK9bL" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page10-SgTLkf" /> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/en_us/desktop/assets/images/favicon.ico" rel="icon" data-ph-id="ph-page-element-page10-G8r9ZS" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/en_us/desktop/assets/images/h/apple-touch-icon.png" data-ph-id="ph-page-element-page10-aJPxLq" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/en_us/desktop/assets/images/m/apple-touch-icon.png" data-ph-id="ph-page-element-page10-PVX9WW" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/en_us/desktop/assets/images/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page10-h5eAKE" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/en_us/desktop/assets/images/l/apple-touch-icon.png" data-ph-id="ph-page-element-page10-QxiXUC" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/en_us/desktop/assets/images/l/splash.png" data-ph-id="ph-page-element-page10-FWKVaH" /> <script type="text/javascript" nonce="">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://careers.nba.com/widgets","country":"us","deviceType":"desktop","locale":"en_us","absUrl":true,"refNum":"NBANBAUS","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://careers.nba.com/","baseDomain":"https://careers.nba.com","phenomTrackURL":"careers.nba.com/us/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://careers.nba.com","pageId":"page10"}; 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","apiKey":"AIzaSyBqM-rW0r-sR9PerNAvvsmzbBeoFu3Ycz8"},"mapbox":{"mapboxScript":"mapbox-gl.js","superClusterJsScript":"supercluster.min.js","apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Mpna1KIqU8Gj6zjPy4iygw"},"mapboxCN":{"mapboxScript":"mapbox-gl-v1.1.0.js","superClusterJsScript":"supercluster.min.js","mapboxTurf":"mapbox-turf.min-v1.js","mapboxSearch":"mapbox-gl-geocoder.min.js","mapboxDirections":"mapbox-gl-directions.js","enableDirections":true,"apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Srl2-pw3xDRilymEjEoeig","baseApiUrl":"https://api.mapbox.cn"}},"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","city","state","postalCode","type","workerType"],"facetDisplayNames":{"category":"Category","country":"Country","city":"City","state":"State / Province","postalCode":"Zip Code","type":"Job Type","workerType":"Work Type"},"facetPlaceholderNames":{"category":"Search in Category","country":"Search in Country","city":"Search in City","state":"Search in State / Province","postalCode":" Search in Zip Code","type":"Search in Job Type","workerType":"Search in Work Type"},"defaultFacetsToOpen":["category"]},"linkedIn":{"apiKey":"752xe1cieo8utv"},"googleMapApiKey":"AIzaSyAPoqeLpXXx4tqiWHMYJkY42yDS_f3gNJs","oauth":{"linkedIn":{"apiKey":"752xe1cieo8utv","clientId":"86kp7vauysmn4b","clientSecret":"KuYSs7RXXTikGSE9","loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","redirectUri":"/socialAuth/li","response_type":"code","scope":"r_liteprofile r_emailaddress"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"314102134023707","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"}},"gdpr":{"cookieType":"session","enabled":false},"externalCookieConfig":{"scriptUrl":"https://cdn.cookielaw.org/scripttemplates/otSDKStub.js","availOnAllowedCookies":["C0002","C0003"],"domainKey":"d0494fd0-8921-497a-8323-e3d29775ce1b"}},"size":"10","refNum":"NBANBAUS","siteVariant":"external","iubenda":{"class":["iubenda-cs-preferences-link"],"attr":{"href":"javascript:_iub.cs.ui.openPreferences()"}},"isNativeEmailClientForBlog":true,"iscdnEnabled":true,"calendarApiKey":{"clientId":"aPuJFtcvVzuUHrqeLmPL36170","apiToken":"api1514482884HylDN8tqa6mgQxWCpnjo36170","userZone":true},"trackingConfig":{"ddoDataPath":{"jobDetail":"data.job"},"job_category_click":{"trait14":"key"},"job_category_search_click":{"trait14":"key"},"play_click":{"trait260":"videotype","videoId":"videoid"},"pause_click":{"trait260":"videotype","videoId":"videoid"},"similar_job_click":{"trait12":"jobSeqNo","related":{"ddo":[{"name":"jobDetail","data":{"trait5":"jobSeqNo","trait14":"category"}}]}},"linkedin_recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recently_viewed_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"next_click":{"trait254":"stepName","typedValue":"typedValue","selected_values":"selected_values"},"ddo_failure":{"trait254":"stepName","response":"response","ddoKey":"ddoKey"},"ddo_error":{"trait254":"stepName","error":"error","ddoKey":"ddoKey"},"skip_questions_click":{"trait254":"stepName"},"previous_click":{"trait254":"stepName"},"registration_submit":{"trait27":"email","trait15":"firstName","trait24":"phone"},"edit_profile_information":{},"resume_remove_click":{},"profile_questions_click":{},"resume_upload_click":{},"create_profile_click":{},"upload_new_file_click":{},"clear_text_click":{"trait6":"clearSearchValue"},"send_feedback_click":{"userFeedback":"userFeedback"},"submit_rating_click":{"userRating":"userRating"},"near_job_click":{"trait5":"jobSeqNo","trait14":"category"},"suggestions":{"stepName":"stepName","typed_values":"typed_values","selected_values":"selected_values"},"fyf_step_loaded":{"step":"step"},"fyf_options_closed":{},"favorite_job_click":{"trait5":"jobSeqNo","trait14":"category"},"job_added_to_jobcart":{"trait5":"jobSeqNo","trait14":"category"},"job_unfavorited":{"trait5":"jobSeqNo","trait14":"category"},"job_favorite_delete_click":{"trait5":"jobSeqNo","trait14":"category"},"type_ahead_search":{},"similar_job_see_more_click":{},"linkedin_login_click":{},"linkedin_logout_click":{},"view_all_glassdoor_reviews_click":{},"homepage_category_click":{"trait14":"key"},"category_click":{"trait14":"key"},"job_click":{"trait5":"jobSeqNo","trait14":"category"},"previous_job_click":{"trait5":"jobSeqNo"},"next_job_click":{"trait5":"jobSeqNo"},"linkedin_recommended_category_click":{"trait14":"category"},"back_to_search_results_click":{},"share_event":{"trait269":"eventScheduleId","trait213":"provider"},"blog_click":{"trait283":"url"},"blog_category_click":{"trait14":"categoryName"},"next_blog_click":{"trait283":"url"},"previous_blog_click":{"trait283":"url"},"blog_details_view":{"trait283":"blog"},"navigate_to_tweet_click":{"tweetUrl":"tweetUrl"},"fit_level_loaded":{"jobsFitLevel":"jobsFitLevel","totalJobs":"totalJobs","availableFitLevelCount":"availableFitLevelCount"},"smart_tags_loaded":{"smartJobTags":"smartJobTags","totalJobs":"totalJobs","availableJobTagCount":"availableJobTagCount"},"edit_role_click":{"trait13":"trait13"},"select_role_click":{"trait13":"trait13","trait260":"trait260"},"save_employee_info_click":{"trait62":"trait62"},"update_employee_info_click":{"trait62":"trait62"},"signIn_click":{"trait260":"trait260","userId":"userName"},"signUp_click":{"trait260":"trait260","userId":"userName"},"reset_password_click":{"trait260":"trait260","userId":"userName"},"create_password_click":{"trait260":"trait260","type":"type"},"app_download_click":{"trait260":"appName","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_decline_click":{"trait5":"videoScreenId","trait14":"category","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_accept_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"accept_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"reject_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_record_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_submit_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_retake_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_continue_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_review_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"submit_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"export_videos_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"restart_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_now_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"continue_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"contact_recruiter_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"agree_click":{"videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"submit_feedback_click":{"rating":"rating","feedback":"feedback","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"video-upload-error":{"url":"url","status":"status","questionId":"questionId","response":"response"},"apply_thank_you_loaded":{"hvhConfig":"hvhConfig"},"hvh_asset_initiated":{"thankYouUri":"thankYouUri"},"hvh_asset_res":{"res":"res"}},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"showExternalEvents":false,"candidateHome":false,"cdnCaasContentUrl":"https://content-us.phenompeople.com/api/content-delivery/caasContentV1","eventsEnabled":false,"audPxConfig":{"newVersion":"4.0","oldVersion":"4.0"},"blogsEnabled":true,"navMenuItems":["blogs"],"cdnCaasContentEnabled":true,"showExternalBlogs":true,"navMenuItemsData":{"blogs":{"url":"https://careers.nba.com/blog"},"events":{"url":"https://careers.nba.com/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":"cityState","dataMode":"loc-cat","override":{"dataMode":true,"locationType":true}},"mobileSearch":false},"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":"bd63e9975aacf4577c4662fcb002494dcb83887f82d51453405f60b29c77609a"},"xing":{"clientId":"c3bdfb74291c0e358e89"},"linkedIn":{"apiKey":"752xe1cieo8utv","clientId":"86kp7vauysmn4b","clientSecret":"KuYSs7RXXTikGSE9","loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","redirectUri":"/socialAuth/li","response_type":"code","scope":"r_liteprofile r_emailaddress"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"google-signin":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/iauth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"314102134023707","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"}},"pageNameMap":{"404":"404_page_view","home":"home_page_view","category":"job_category_page_view","job":"job_details_view","search-results":"search_result_page_view","apply":"apply_page_view","glassdoorReviews":"glassdoor_reviews_page_view","jobcart":"favorites_page_view","jointalentcommunity":"jtc_page_view","featuredOpportunities":"job_category_page_view","businessUnit":"job_category_page_view","event":"event_details_view","events":"event_results_page_view","saved-jobs":"favorites_page_view","blogarticle":"blog_details_page","video-assessment-landing-page":"video_assessment_landing_page_view","video-assessment-recording":"video_assessment_recording_page_view","video-assessment-thankyou":"video_assessment_thankyou_page_view","interview-landing-page":"interview_landing_page_view","interview-recording":"interview_recording_page_view","interview-thankyou":"interview_thankyou_page_view","screening-welcome":"screening_welcome_page_view","screening-answering":"screening_answering_page_view","screening-outro":"screening_thankyou_page_view"},"blogsharewidgetsettings":{"options":[{"name":"whatsapp","order":0,"baseUrl":"https://api.whatsapp.com/send?&text=","eventName":"Share_whatsapp","settings":{"icon":"icon-whatsapp-1","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true},{"name":"linkedin","order":1,"baseUrl":"https://www.linkedin.com/shareArticle?mini=true&url=","eventName":"share_blog","settings":{"icon":"icon-linkedin-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":3,"baseUrl":"https://facebook.com/sharer.php?u=","eventName":"share_blog","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":0,"baseUrl":"https://twitter.com/share?url=","eventName":"share_blog","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":6,"baseUrl":"","eventName":"share_blog","settings":{"icon":"icon-email-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"brandStyle":true,"widgetStyle":"style3","isInline":true,"size":"16","spacing":"21","color":"#fff","backgroundColor":"#ggg","height":"34","width":"34","line-height":"30","lineHeight":"30","borderWidth":"1","borderStyle":"solid","borderColor":"transparent","borderRadius":"100","locale":"en_us","siteVariant":"external"},"botEnabled":false,"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":{"NBANBAUS_Technology":"c/technology-jobs","NBANBAUS_Communications_and_Events":"c/communications-and-events-jobs","NBANBAUS_Marketing":"c/marketing-jobs","DEMOUS_Frontline_Professionals":"c/frontline-professionals-jobs","DEMOUS_implementation":"c/implementation-jobs","DEMOUS_human_resources":"c/human-resources-jobs","NBANBAUS_League_Operations":"c/league-operations-jobs","NBANBAUS_Other":"c/other-jobs","NBANBAUS_Media_Production_Development":"c/media-production-development-jobs","NBANBAUS_Marketing_and_Creative_Services":"c/marketing-and-creative-services-jobs","NBANBAUS_Business_Strategy_and_Analytics":"c/business-strategy-and-analytics-jobs","NBANBAUS_Social_Responsibility":"c/social-responsibility-jobs","NBANBAUS_Business_Administration_and_Operations":"c/business-administration-and-operations-jobs","DEMOUS_other":"c/other-jobs","NBANBAUS_Human_Resources_and_DEI":"c/human-resources-and-dei-jobs","DEMOUS_engineering":"c/engineering-jobs","DEMOUS_data_science_machine_learning":"c/data-science-machine-learning-jobs","DEMOUS_customer_services":"c/customer-services-jobs","NBANBAUS_Security":"c/security-jobs","NBANBAUS_Business_Development_and_Partner_Management":"c/business-development-and-partner-management-jobs","DEMOUS_information_technology":"c/information-technology-jobs","DEMOUS_product":"c/product-jobs","DEMOUS_finance":"c/finance-jobs","DEMOUS_sales":"c/sales-jobs","NBANBAUS_Legal":"c/legal-jobs","NBANBAUS_Finance":"c/finance-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":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"displayType":"modal","icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"displayType":"modal","icon":"icon-career-level-7","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-flag","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-full-time","label":false},"name":"jobType","checked":true,"display_name":"Job Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}],"widgets":{"ph-similar-jobs-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"displayType":"modal","icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-flag","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-full-time","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"jobType","checked":true,"display_name":"Job Type"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}]},"ph-people-also-viewed-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-flag","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-full-time","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"workerType","checked":true,"display_name":"Worker Type"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}]},"ph-job-cart-v3":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"displayType":"modal","icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"displayType":"modal","icon":"icon-career-level-7","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-flag","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-full-time","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"jobType","checked":true,"display_name":"Job Type"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}],"actions":[{"name":"removeFromCart","display_name":"Remove Job","settings":{"label":false,"icon":"icon-delete-3"},"checked":true}]},"ph-job-details-v1":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-flag","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-full-time","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-site-profile","label":false},"name":"workerType","checked":true,"display_name":"Worker Type"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}]},"ph-job-cart-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"","label":false},"name":"multi_location","checked":true,"display_name":"Multi Location"},{"settings":{"icon":"","label":false},"name":"multi_category","checked":true,"display_name":"Multi Category"},{"settings":{"icon":"","label":false},"name":"country","checked":true,"display_name":"country"}]},"ph-search-results-v2":{"fields":[{"settings":{"icon":"","label":false},"name":"title","checked":true,"display_name":"Title"},{"settings":{"icon":"icon-map-pin","label":false},"name":"location","checked":true,"display_name":"Location"},{"settings":{"icon":"icon-career-level-7","label":false},"name":"category","checked":true,"display_name":"Category"},{"settings":{"icon":"icon-flag","label":false},"name":"jobId","checked":true,"display_name":"JobId"},{"settings":{"icon":"icon-full-time","label":false},"name":"type","checked":true,"display_name":"Type"},{"settings":{"icon":"icon-full-time","label":false},"name":"jobType","checked":true,"display_name":"Job Type"},{"settings":{"icon":"","label":false},"name":"descriptionTeaser","checked":true,"display_name":"DescriptionTeaser"}],"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":true,"icon":"icon-star-empty","activeicon":"icon-star"},"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}]},"ph-profile-recommendations-v2":{"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":false,"icon":"icon-star-empty","activeicon":"icon-star"},"svg":"save-job"}]}},"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":"b05a3584cfad40e583b9283b3b96e154","phProfileId":"a6d280d0-e0fd-4f0e-b010-c06051f34195","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.nba.com/us/en/home" /><meta name="description" content="A GLOBAL PRESENCE Basketball is one of the most popular team sports, played by more than 450 million people worldwide. We embrace the true global nature of our game and our business." key-description="external-default-home-description" /><meta name="keywords" content="careers at nba, nba jobs, job opportunities in nba, job openings, career opportunities" key-keywords="external-default-home-keywords" /><link rel="alternate" href="https://careers.nba.com/us/en/" hreflang="en-us" data-seo="1" data-ddo="" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@Lychee shadow" /><meta name="twitter:creator" content="@Careers - Lychee shadow" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/social/1024x512-1670500646586.jpg" /><meta name="twitter:title" content="Careers at NBA | NBA jobs" /><meta name="twitter:description" content="home" /><meta property="og:type" content="website" /><meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/social/1200x630-1670500675022.jpg" /><meta property="og:site_name" content="NBA" /><meta property="og:url" content="https://careers.nba.com/us/en/home" /><meta property="og:title" content="Careers at NBA | NBA jobs" /><meta property="og:description" content="home" /><meta property="fb:admins" content="" /><meta property="og:image:width" content="200" /><meta property="og:image:height" content="200" /><title data-ph-id="ph-page-element-page10-JP5mWN" key="external-default-home-title">Explore exciting career opportunities at NBA</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.33.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.95.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.95.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/en_us/desktop/page10/ph-page-page10-1727807394860.js" defer="" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-loader-4.24.js" defer="" platform_id="platform_loader" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/appConfig/ph-app-config-1.14.js" defer="" platform_id="platform_phAppConfigJs" nonce=""></script> <script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1663491087569" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-short-header-2T7FAQ"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-short-header-l3MPUu"> <!-- 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-xGB9Lk"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-Pl7nRS"></i> <span data-ph-id="ph-page-element-short-header-JH46HH">${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-mKhFsC"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-WZcUln"></i> <span data-ph-id="ph-page-element-short-header-9FXFmN">${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-GlwPIy"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-short-header-g8P1tz"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-short-header-P32E4w"> <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-83cNL0"> <span data-ph-id="ph-page-element-short-header-9TVbkA">${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-raHj2Y"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-mxREAw"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-short-header-NMSqNI"> <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-I5MZep"> ${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-uP8iy8"> ${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-prWps4"> <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-7B8WWg"> ${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-GdB455"> <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-YdjmWm"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-short-header-HJKNTF"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-short-header-CbOgr5"> <!-- 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-zzJm6t"> <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-Sd0eOQ"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-MjsGSc"></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-5UmrLp"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-5eAKAl"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-69H6jh"> ${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-1vkhEo"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-mfHjWa"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-XpvNPK"> ${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-iuiIJg"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-0E6vj9"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-short-header-AjNbbF"> ${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-ORb9Xd"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-uRNlyt"> ${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-GtVOl0"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-uyb47e"> <form novalidate="" data-ph-id="ph-page-element-short-header-94bduS"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-btjxV4"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-TgJaLG"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-short-header-mmgrOK"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-7lXbYH"> <div class="text-box" data-ph-id="ph-page-element-short-header-9cOcqw"> <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-m5KIBZ"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-TsMVFN"></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-d7g3Us"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-short-header-FoFkwo"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-UE1cng"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-OVWXTn"> ${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-cuXZGY"> ${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-BGgUyZ"> ${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-mga3jL"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-83wmFl"> ${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-908IyG"> ${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-mrRlnH"> ${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-ZxqmfT"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-short-header-6sLqZm"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-TR3Wvl"> <div class="text-box" data-ph-id="ph-page-element-short-header-vS12Ka"> <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-C04gtK"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-short-header-uo8qFE"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-v5lghn"> <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-b8olad"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-885zUB"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-a7g3jr"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-CwhBz9"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-e0tefE"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-WjD4Nr"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-short-header-JRjlDb"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-xgAIDK"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-86Akt1"> ${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-6s52bg"> ${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-ZEXYhw"> ${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-V8KA69"> ${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-trIcvS"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-short-header-ZjJYRc"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-VevF3g"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-RVkU3C"> ${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-YTDNz1"> <div class="form-container" data-ph-id="ph-page-element-short-header-BiIDDt"> <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-8f0UvQ"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-short-header-8XNZ3j"> <div class="user-options" data-ph-id="ph-page-element-short-header-nusvJk"> <span class="each-option" data-ph-id="ph-page-element-short-header-b0hGGo"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-short-header-WgSonx"> <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-vjGYs7"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-short-header-NvHqCf"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-KDxBVK"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-short-header-62Zn1M"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-short-header-QQP0K6"> <span class="forgot-password-area" data-ph-id="ph-page-element-short-header-U43UF4"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-short-header-ZMS4BZ"> ${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-tdvSLm"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-short-header-m8wTDK"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-LIqEdn"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-aEP9sQ"> ${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-cPrKTR"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-short-header-7rGe2y"> <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-4OFxtg"> ${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-nqXJHU"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-short-header-ApIuoM"> ${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-Dto0GX"> ${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-jfhM6C"> <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-Kfni1O"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-short-header-WrA2jZ"> <!-- 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-qVjtwk"> <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-1iORiu"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-short-header-HCeGvp"></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-D4hIuR"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-r5CllS"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-OMB04g"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-short-header-vzA8rJ"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-0UbkZm"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-T9m0De"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-MkwMQo"> <form novalidate="" data-ph-id="ph-page-element-short-header-l8SH9H"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-YXlW7i"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-short-header-tvr5U1"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-short-header-vE4S8r"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-NWZ5Jc"> <div class="text-box" data-ph-id="ph-page-element-short-header-l4MN82"> <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-ZJcdRu"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-yZEDF6"></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-DXC8PL"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-short-header-zrZ4Gg"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-r3s710"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-0FJkLE"> ${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-iTlUQ2"> ${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-c1klKy"> ${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-FTqfWb"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-Fy8dUD"> ${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-r9uXxH"> ${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-4jjgOA"> ${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-kEZc04"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-short-header-INmusW"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-6ZCl5X"> <div class="text-box" data-ph-id="ph-page-element-short-header-xNmnrW"> <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-S3fhiQ"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-short-header-SrTJF3"></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-tzhG6v"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-Ye2y8L"> <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-wufKZh"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-7VSl0o"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-9IQiG1"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-JngDaN"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-60t3Ei"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-cIMYkO"> ${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-ZP06UH"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-oG65Iy"> <span class="sr-only" data-ph-id="ph-page-element-short-header-AqjJLI"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-short-header-UjUJbM"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-short-header-kzMGqV"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-short-header-2krFTQ"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-short-header-uW2Cii"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-short-header-kBGvBm"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-short-header-wlaZLZ"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-EKs9er">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-RRW6Rh">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-Ucd8Mc">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-IqWs7w">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-cQcO74"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-short-header-wLZATW"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-UHn870"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-cUkiu9"> ${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-dVKpIr"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-short-header-g9W8JX"> <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-fPQY0E" data-ph-id="ph-page-element-short-header-uasxOx"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-9jjXn5"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-KpeZJv"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-uYg6L0"> <ppc-content key="ph-candidate-login-v1-default-mobile-oiuytr-zP9pb7" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-9B9NKh">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-rX8a2m"> ${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-68T5td"> ${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-uYIVYA"> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-gOwepn"> <ppc-content key="ph-candidate-login-v1-default-mobile-oiuytr-766e3U" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-cy31oa">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-rX8a2m"> ${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-68T5td"> ${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-fxfi3X"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-bZQdCo"> <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-FtoD9h"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-C4vjxw"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-S2Uf07"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-Z5qWNH"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-3ls2yE"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-gEIil8">*</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-FBTFUH"> <span class="sr-only required-text" data-ph-id="ph-page-element-short-header-nxQcmw"> ${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-hlDh9j"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-Xwa959"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-short-header-zYCz2s"> ${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-zAs6Qw"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-yfRHCM"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-short-header-PZG3WC"> <div class="form-container" data-ph-id="ph-page-element-short-header-QPdDSa"> <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-Wm5Fwt"> ${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-7y9ss8"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-short-header-aGtnyH"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-short-header-bGO1Yv"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-short-header-YGAssy" 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="1663491094813-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-short-header-c8Dwqo"></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-sgcsQs"> <span data-ph-id="ph-page-element-short-header-bb4M1k"> ${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-TlZmAD"> ${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-MfAJaB"> <span data-ph-id="ph-page-element-short-header-tao98u"> ${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-eNS3WV"> ${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-XSJF2p"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-qD5mRI">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-short-header-Nj9uih">${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-2KOxv4"> <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-NvFpYf"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-hEXzbf"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-short-header-xCQR8Q"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-short-header-iCywes"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-3TEPLv"> <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-5GZ1Z5"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-mWKClK"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-te6872"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-GQTc56"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-FdUhmo"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-TOrkns">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-short-header-pSzJTT"> <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-FrlzNc"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1663491094813-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-short-header-r4sqPP"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-short-header-tCnZl9"> <div class="widget-container" data-ph-id="ph-page-element-short-header-e1ShWH"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-zoeoZ9"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-short-header-Oc3z8P"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-gBknh8"> <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--NTk3jk" data-ph-id="ph-page-element-short-header-N6zKmc"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-9JDDfU"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-dGVFbg"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-PsRAKl"> <ppc-content key="ph-social-connect-v1-view5--npgH97" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-xt1Fb5">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-nOggDh"> ${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-KxJNCB"> ${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-3QHu8S"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-4oVGOn"> <ppc-content key="ph-social-connect-v1-view5--JcRiCI" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-vWStzv">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-nOggDh"> ${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-KxJNCB"> ${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-Vd5SDe"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-short-header-BNGIB3"> <span class="social-alert-msg" data-ph-id="ph-page-element-short-header-bOf8tV"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--XT1mNa" data-ph-id="ph-page-element-short-header-gYmtkx"> <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--hlFsAM" data-ph-id="ph-page-element-short-header-AsEDqu"> <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-zq6tl3"> <div class="icon-block" data-ph-id="ph-page-element-short-header-8ruTIn"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-short-header-Rflr22"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-short-header-ZjODtU"> ${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-kxrKcM"> <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-FmLxTz"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-OEikR4"></i> <span data-ph-id="ph-page-element-short-header-BDb25g">${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-QSAm1i"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-LhC69B"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-short-header-QLzCY9"> <!-- <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-r3P09u"> <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-fiMMcZ"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-Smc0uG"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-8NAONB"> Language selected </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-Zy2YNg"> ${choosenLanguage.languageDisplayName} </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-Kmz79G"> ${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-MGtRZL"></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-hTX6W4"> <div class="search-area ph-a11y-search-area" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-short-header-IhCzL1"> <label class="sr-only" for="language-selector" key="ph-language-selector-v2-view3-43qw7j-MOgRq8" data-ph-id="ph-page-element-short-header-XAgAFl">Search location or Language</label> <input type="text" name="language-listbox" key-aria-label="ph-language-selector-v2-view3-43qw7j-NtuIPg" 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-ZFRlyP" data-show-listbox="false" data-ph-id="ph-page-element-short-header-wylhBO" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-YvXDwj"></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-KbOtFn"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-wiDHX0"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-CzHc7s"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-dSJVNe"> <ppc-content key="ph-language-selector-v2-view3-43qw7j-sBbSYK" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-xcTCfJ">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-K8X8HP"> <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-rAmHrI"> <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-554aUH"> <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-KSQUhN"></span> <div class="country" data-ph-id="ph-page-element-short-header-Lc2U9T"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-yo8mDP"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-z7zifh"> <ppc-content data-ph-id="ph-page-element-short-header-VOs2xv"> 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-cymkr5"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-JzO7hI"> <ppc-content key="ph-language-selector-v2-view3-43qw7j-bEw29z" data-ph-id="ph-page-element-short-header-AB0waS"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-9nSTRP"> ${roots.length} <ppc-content key="ph-language-selector-v2-view3-43qw7j-gAplem" data-ph-id="ph-page-element-short-header-XdsyIA"> 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-YbTb6g"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-short-header-YpJw1r"> <!-- 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-1R19Km"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-nCNrAS"></i> <span data-ph-id="ph-page-element-short-header-2ktzl4">${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-SHixFr"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-P2KIIb"></i> <span data-ph-id="ph-page-element-short-header-PkiGZU">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-page-element-short-header-AVDgUa"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-k2dg2l"> <span if.bind="registeredSuccessfully" data-ph-id="ph-page-element-short-header-KEuiA0"> 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-kr25FF"> <!-- <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-UCDEI9"> <span data-ph-id="ph-page-element-short-header-8Ryjnz">${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-NyxT2b"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-short-header-oaeWys"></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-PkuTEk"> ${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-dmAQpA"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-short-header-O2TqP9"> <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-uETeAo"> <span data-ph-id="ph-page-element-short-header-CehWfU">${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-rOSblU"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-short-header-5LtyjP"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-short-header-c7Nn7Z"> <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-8qmZhl"> ${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-CPigqC"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-page-element-short-header-eOXtps"> <div class="user-actions-list" data-ph-id="ph-page-element-short-header-uuaQ0e"> <div class="user-actions-listitem" data-ph-id="ph-page-element-short-header-nASzMe"> <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-eap5T1"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-page-element-short-header-bbcI25"> <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-cZG4PF"> ${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-hKorvF"> <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-soNRG0"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-short-header-GUVK6o"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-short-header-cRAm1R"> <!-- 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-bMH9Fn"> <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-aY5oCv"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-65DGlG"></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-xzfUdH"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-YEUzzb"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-bnpgOM"> ${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-e2y4EV"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-f1yBOW"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-7nhiiB"> ${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-3wLM4m"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-Wo13RE"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-short-header-G8Yju0"> ${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-KuSpxc"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-m9BMF2"> ${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-MMKzWa"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-1kzFRr"> <form novalidate="" data-ph-id="ph-page-element-short-header-C2pLwI"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-7byXtE"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-gbLkKT"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-short-header-VrHMJQ"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-Q0zd0h"> <div class="text-box" data-ph-id="ph-page-element-short-header-NygByl"> <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-UZOEGz"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-RsUuXp"></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-cfmRki"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-short-header-gdV9rA"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-ldclS9"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-nqB0JG"> ${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-brJitK"> ${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-Kna95a"> ${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-U6THcX"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-KEqTbF"> ${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-1J5Qw9"> ${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-bNJhQ6"> ${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-M8nfQm"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-short-header-bgbGLh"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-yJtsCQ"> <div class="text-box" data-ph-id="ph-page-element-short-header-HQryAk"> <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-h7uruX"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-short-header-DxoYpY"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-p0sALU"> <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-aTyHXr"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-wdUzFc"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-NDZ0oI"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-jcqK6c"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-CqrEmB"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-vhnWXe"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-short-header-hgkXD0"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-p0ZO6t"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-9wvyDN"> ${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-9y9vIZ"> ${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-qKB0RD"> ${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-VqscuO"> ${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-lm641G"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-short-header-N0ydHZ"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-YJKFXp"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-yqhrYP"> ${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-3eBG98"> <div class="form-container" data-ph-id="ph-page-element-short-header-Cn8Wz0"> <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-GgD4Ig"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-short-header-FM8x8n"> <div class="user-options" data-ph-id="ph-page-element-short-header-D4yC7T"> <span class="each-option" data-ph-id="ph-page-element-short-header-jqMGR7"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-short-header-zcqlpb"> <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-PdGmO4"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-short-header-yNbozZ"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-UZSUGF"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-short-header-pBK3Oo"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-short-header-2hdhr7"> <span class="forgot-password-area" data-ph-id="ph-page-element-short-header-mAbxhz"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-short-header-FLxjDv"> ${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-uiDduE"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-short-header-65dZH9"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-MbR5rQ"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-rWwlHq"> ${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-Cvo8lV"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-short-header-0PF1lm"> <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-z0Z1hZ"> ${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-BUsaBC"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-short-header-vIqerI"> ${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-LcRIzd"> ${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-PLFES6"> <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-uof5gE"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-short-header-rJLlQh"> <!-- 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-MG4Iac"> <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-aC1Hno"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-short-header-8tDdJ3"></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-GxyoQZ"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-WFDekE"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-g3vXyY"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-short-header-UcV9j4"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-2uDJPv"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-oiiHWl"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-CuzjOo"> <form novalidate="" data-ph-id="ph-page-element-short-header-Poo5QJ"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-eZ5ESw"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-short-header-a5P11s"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-short-header-nirqpx"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-sWebpi"> <div class="text-box" data-ph-id="ph-page-element-short-header-8XHUWp"> <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-3LK2m1"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-i91RZE"></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-fNi9Fw"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-short-header-3QooqC"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-9QSnyQ"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-1CLZNJ"> ${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-b8kVgE"> ${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-XCfvcq"> ${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-bKaoyT"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-09vUgA"> ${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-OYHQtg"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-rnhVwG"> ${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-CfC7ZR"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-short-header-eCIKs7"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-cKY4Gt"> <div class="text-box" data-ph-id="ph-page-element-short-header-Mla4hI"> <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-fvvqcH"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-short-header-5tM3hE"></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-PWLgf1"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-ncSa8R"> <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-GG25UT"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-XgxN2k"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-Y4JQxs"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-meCKNB"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-Sgmmmp"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-os0qKU"> ${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-pQBliV"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-short-header-NIRAdr"> 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-Sb0PaK"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-short-header-GSsDwM"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-short-header-q0jYbj"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-short-header-uCcDhZ"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-short-header-ku9HdG"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-short-header-JGDW3f"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-hK73Up">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-MVByVo">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-79KQG7">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-u8dvxD">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-65kmHN"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-short-header-zpsoFq"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-5ppPfn"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-Ki31wz"> ${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-VHVWzg"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-short-header-w0giNO"> <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-kzTGJ1" data-ph-id="ph-page-element-short-header-yPzQwW"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-yymaUQ"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-lOO0yT"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-yICYiC"> <ppc-content key="ph-candidate-login-v1-default-ikjhyg-PBMfVO" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-ky7qGb">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-nNPhzr"> ${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-3vDqMn"> ${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-YuY7Ho"> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-rCvUI1"> <ppc-content key="ph-candidate-login-v1-default-ikjhyg-w0o8Z4" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-DgU360">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-nNPhzr"> ${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-3vDqMn"> ${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-a3nO2O"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-dPlw1M"> <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-CLo4Ct"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-gZVPt2"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-ebKDFp"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-tJXp3p"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-kzPRP4"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-AuhKbX">*</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-vOXOOY"> <span class="sr-only required-text" data-ph-id="ph-page-element-short-header-iOqj28"> ${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-KDyAFJ"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-H5mlTL"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-aDeOBQ"> ${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-4YdL5V"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-xbQDhu"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-short-header-cZBGGH"> <div class="form-container" data-ph-id="ph-page-element-short-header-7jMUi4"> <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-K8YRFj"> ${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-YSlClJ"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-lY0boD"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-short-header-kcPX1X"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-short-header-sMX8Ut" 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="1663491055607-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-short-header-5fE6BL"></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-L27AzK"> <span data-ph-id="ph-page-element-short-header-kViXax"> ${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-gHBNKM"> ${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-p0tVOs"> <span data-ph-id="ph-page-element-short-header-A0sizI"> ${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-JCyf9S"> ${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-1s8p2X"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-f01SyF">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-short-header-l9u8EC">${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-ctWX3K"> <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-0uFAuH"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-Ye3NCQ"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-short-header-kq3SDO"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-short-header-QPODPU"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-sRtIib"> <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-MPbo7B"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-Vf33rp"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-8RmRFW"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-XhPrF5"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-8wTIFe"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-q4T4CO">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-short-header-mwkjQm"> <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-7W2Z7T"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1663491055607-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-short-header-K6uI2W"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-short-header-DtNv0y"> <div class="widget-container" data-ph-id="ph-page-element-short-header-6zogzR"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-ARdFry"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-short-header-OkNO7T"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-r5uE27"> <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--NTk3jk" data-ph-id="ph-page-element-short-header-KkC5gO"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-tweJ1C"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-xfCS7n"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-g9rbt5"> <ppc-content key="ph-social-connect-v1-view5--h0lccz" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-L40V8T">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-nOggDh"> ${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-KxJNCB"> ${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-Wetx7K"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-YTJWKO"> <ppc-content key="ph-social-connect-v1-view5--J6klKl" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-y9xXBT">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-nOggDh"> ${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-KxJNCB"> ${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-Bm3QHk"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-short-header-7YDy8p"> <span class="social-alert-msg" data-ph-id="ph-page-element-short-header-GWWnnD"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--XT1mNa" data-ph-id="ph-page-element-short-header-5ofBIN"> <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--hlFsAM" data-ph-id="ph-page-element-short-header-Ikdety"> <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-zNh83n"> <div class="icon-block" data-ph-id="ph-page-element-short-header-3VYp3H"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-short-header-1pSega"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-short-header-w55oGl"> ${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-y5hANW"> <a ph-href="jobcart" key-ph-href="ph-job-cart-count-v3-view2-jkn0zo-AEByIS" 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-bF1PRt"> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-IZUNGo"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-wVMAtY"> ${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-YyKehB"> (${jobCartCount}) </span> </a> </div></script><script type="application/ld+json" nonce="">{"@context": "http://schema.org","@type": "WebSite","url": "https://careers.nba.com/","potentialAction": {"@type": "SearchAction","target": "https://careers.nba.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 = "page10"</script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1663475982807" nonce=""><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="ph-cookie-popup-v2-default-hnQaQj-VenHri" aria-label="cookies message" key-aria-label="ph-cookie-popup-v2-default-hnQaQj-nU5pcO" if.bind="showCookiePopup" data-ph-id="ph-page-element-page10-TCBTa1"> <div class="container" data-ph-id="ph-page-element-page10-GvrYXS"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page10-5rntkj"> <ppc-content key="ph-cookie-popup-v2-default-hnQaQj-VlwiIV" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page10-cRuEO5"> We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our Cookie Settings page. If you continue to use this site, you consent to our use of cookies. </ppc-content> </div> <div class="cookie-button-area phcriticalhide ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-page-element-page10-qgUsC2"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="ph-cookie-popup-v2-default-hnQaQj-hevdu1" class="btn plain-button cookie-settings" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="ph-cookie-popup-v2-default-hnQaQj-TuqXHG" data-ph-id="ph-page-element-page10-k29cBH"> <ppc-content key="ph-cookie-popup-v2-default-hnQaQj-OFLZjz" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-page-element-page10-L4Pdm3"> 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-page10-pgElPB"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-page-element-page10-7Yz0l8"></i> <ppc-content key="ph-cookie-popup-v2-default-hnQaQj-lbjXmk" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-page-element-page10-irjhr4"> 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-page10-MSZ5ez"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-page-element-page10-IU2X5h"></i> <ppc-content key="ph-cookie-popup-v2-default-hnQaQj-CWNnPU" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-page-element-page10-inQ5T4"> Allow </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-page-element-page10-Msxf2d"> <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-page10-RyW1zs"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-page10-7TTeCc"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-FA8pcI"> <ppc-content key="ph-cookie-popup-v2-default-hnQaQj-Dn74lJ" data-ph-at-id="pii-consent-text" data-ph-id="ph-page-element-page10-6eG7Yz"> 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-page10-AqeXWE"> <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-page10-EovOsY"> <i class="icon icon-check-mark" data-ph-id="ph-page-element-page10-EEYia6"></i> <ppc-content key="ph-cookie-popup-v2-default-hnQaQj-RbNaaz" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-page-element-page10-uPNHQ9"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-geo-location-v1-1582207830511-default" nonce=""></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-page10-Vf2vHM"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page10-02wAEH"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page10-BnJD9r"> <div class="modal-content" data-ph-id="ph-page-element-page10-WCgLnj"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-P6LIQO"> <!--<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-page10-B0TGUQ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-9TKBeQ"></i> <span class="sr-only" data-ph-id="ph-page-element-page10-7yy53r"><ppc-content key="ph-email-job-v1-view3-1gd0h6-D2dE9S" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page10-7aer2d">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page10-m12Ptl"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-UQT51S" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page10-obdOTz"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page10-tektY7"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Jn3nFx" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page10-Vircah"> 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-page10-5cRgaM"> <div class="content-block" data-ph-id="ph-page-element-page10-I46zNQ"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page10-CXBstQ"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page10-9xfPqY"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-UHFUkC"> <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-page10-5qTbvD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-SRMw3z"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-jfOKyq"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page10-b8Dlfh"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-EwsCUF"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page10-6RDWnx"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-eDJihm"> <label for="email-job-name" data-ph-id="ph-page-element-page10-z6alTH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-szWzbt" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page10-74YQ8w"> 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-dH15Kb" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-BBE1zu" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page10-kJ4ulr"> <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-page10-4gvecH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-0lTuCH" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page10-Kn6qNm">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-page10-gBe91E"> <label for="email-job-email" data-ph-id="ph-page-element-page10-OhHdrt"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-BUID4z" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page10-jtwz69"> 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-XkKRV9" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page10-MBOQ1Y"> <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-page10-zyygDL"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-C56EG6" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page10-ftZ449"> 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-page10-QRzXEt"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-vuDQ49" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page10-2O4wCM"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page10-KVqfal"> <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-page10-o3FNu8"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ppUQOW" data-ph-at-id="send-text" data-ph-id="ph-page-element-page10-0P3SGp"> ${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-page10-oxdjVs"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-L6raQq"> <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-page10-KVYTOF"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-wBsjH6"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-tQBzqw"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-FbVito"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-zERQLo"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-VqDn3T">*</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-page10-1oO9PW"> <span class="sr-only required-text" data-ph-id="ph-page-element-page10-9abgxX"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page10-HlBbhW"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page10-gD4xhX"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-tykUrH" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page10-soq7zW">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-W7OaMd"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-2KQPRX" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page10-3BRX7O">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-page10-mFKQ6z"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page10-rmO4cl"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page10-CMoYY6"> <i class="icon icon-check" data-ph-id="ph-page-element-page10-SVIfzE"></i> <h3 data-ph-id="ph-page-element-page10-wz9323"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-SKXJKP" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page10-q5zSOE">Success!</ppc-content> </h3> <p data-ph-id="ph-page-element-page10-6sZRC7"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-DwoEy4" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page10-MTMdJL">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-page10-hmyamC"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-gTJwvb" data-ph-id="ph-page-element-page10-qieBTJ">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-fs2a7o"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page10-ApKoYb"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page10-Ot20Au"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page10-cXmhUO"></i> <h3 data-ph-id="ph-page-element-page10-IsQZ9h"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-F8IZss" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page10-WUfaC7">Failure!</ppc-content> </h3> <p data-ph-id="ph-page-element-page10-KvvmYw"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-2v1clo" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page10-Ik7hbQ">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-page10-uomHar"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-FT4LLd" data-ph-id="ph-page-element-page10-9N8L4D">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-page10-jcwBbY"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page10-wCJc4a"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page10-CXIDLA"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page10-zDk0w9"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-B1eiLt"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page10-VXQoXM"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-M0eNjo"> <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-page10-EmZT1d"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-OuYECz"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-lv7yJv"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-NWV9EG"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-rEVkr5"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-qstPbK">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page10-8kzc7T"> <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-page10-i1AxmU"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </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-page10-QIAzAe"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page10-PEk8Fg"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page10-quus2B"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-kwqcb6" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-FCd53r" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page10-ezFY6h"> <ppc-content key="ph-social-share-v3-default-6ty93l-XH07wb" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-Gd5dkZ"> 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-page10-lSkKws"> <ppc-content key="ph-social-share-v3-default-6ty93l-zTuA5u" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page10-Yru7zT"> 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-page10-1IOKV7"> <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-page10-y5jKSZ"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page10-oYMdn2"> <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-page10-uD90Ci"> <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-page10-nhj0fm"></i> <span class="sr-only" data-ph-id="ph-page-element-page10-zwDNwe"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page10-v1sBVr">${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-page10-OFYMho" 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-page10-cnpB86"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page10-mv9u3q"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-PbatP0"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-asRseK"> <div class="head-wrapper" data-ph-id="ph-page-element-page10-NYFCkm"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page10-frHR9h"> <ppc-content key="ph-social-share-v3-default-6ty93l-IzEjGS" data-ph-id="ph-page-element-page10-Qsg4KM">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-tJZmER" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page10-Zo341K"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page10-3MKK7E"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page10-sweVCF"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page10-IprHx1"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page10-kWWwBB"> <ppc-content key="ph-social-share-v3-default-6ty93l-CmoDUc" data-ph-id="ph-page-element-page10-PPZJwD">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-page10-OSb6XV"><ppc-content key="ph-social-share-v3-default-6ty93l-cYe7L3" data-ph-id="ph-page-element-page10-IpmAXz">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-page10-qYVO4Z" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page10-eExdxL"> <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-page10-fScy6p"><ppc-content key="ph-social-share-v3-default-6ty93l-iTp7KK" data-ph-id="ph-page-element-page10-QqC3vn">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-page10-fLaDGk"><ppc-content key="ph-social-share-v3-default-6ty93l-zaUX9Q" data-ph-id="ph-page-element-page10-93jhKa">Copy Link</ppc-content></button> </div> </div> </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-page10-hiIOGB"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-faFyN3" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page10-VxZfkU"> <div class="widget-container" data-ph-id="ph-page-element-page10-kEZkQI"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-zs0S1N"> <h2 data-ph-id="ph-page-element-page10-CDI5Aa"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-G9FVkC" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page10-NIDBl0"> Profile recommendations </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page10-tnU7PV"> <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-page10-xVmFlD"> <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-page10-zehi8a"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="Zu86eO" data-ph-id="ph-page-element-page10-WqtNyD"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-TRfsew"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page10-VVJ0yv"> <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-page10-AtoQcJ" /> </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-page10-1cLJTq"> <div class="information" data-ph-id="ph-page-element-page10-X276l2"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page10-Gfz4lg"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-x9HNXS"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page10-zlXH50"> <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-page10-4f2Fhx" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page10-FRK2c8"> <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-page10-buZfbS"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-AakXDU"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-2mntoc"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-pfy91R">${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-page10-yQCkzB"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page10-icTJi8"> ${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-page10-HrmYQ5"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-v90kgP"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-Lc4Xdm">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-profile-recommendations-v2-default-c1ykg4-2FtcSM" aria-level="3" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-h1qBm9" instance-id="Zu86eO-li2OMQ" data-ph-id="ph-page-element-page10-PxIPNy"> <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-page10-T1Ub7X"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page10-oC7GGZ"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-7GEnSh">${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-page10-pUNWeZ"></i> <span data-ph-id="ph-page-element-page10-6ZhYLh">${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-page10-KACnpa"> <!-- 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-page10-vu4sk2"> <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-page10-jkJLMY"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-qN0PBU">${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-page10-AwH8Y7"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-5f9L01">${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-page10-vNnGDK"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-sLx8NT">${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-page10-JzkQgK"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-Ovcie2">${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-page10-b1oC5a"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-tBsHJl">${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-page10-O9K0h2"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-CtkrOi"> ${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-page10-tS558L"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page10-axrsvN">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page10-Gf6K1j"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-sBZHMb">${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-page10-F97W4U"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-jIhF4Q">${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-page10-ufBvjw"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-yhrx5p">${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-page10-OqfUvj"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-iLPtv0">${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-page10-UsfLyW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-GzNGWr">${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-page10-ToKAze"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-lPTbkp"> ${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-page10-VE5q07"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-kz0Ezb">${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-page10-0JJRXb"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-oc3hmo"> ${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-page10-GdMRvv"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-Eg85Uo">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-Vh6RhI">${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-page10-oKDkqz"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-YZHhP5">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-PwWOvy">${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-page10-nI45WM">${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-page10-CS9G7o">${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-page10-j18kHO">${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-page10-FHEHjk"> <!-- 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-page10-60f7Ml"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page10-HeB9VQ"> <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-page10-uo3heT"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-spwxBR"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page10-QXCfW9"> ${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-page10-YeUVCo"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-sceanF">${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-page10-ZbeKgR"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-wExy2R">${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-page10-zO80CT"> <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-page10-7zcreG"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-cIoNaT"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page10-opbp3d"> ${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-page10-Al7Gq0"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-63Kqoa">${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-page10-nuRH52"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-qyToMG">${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-page10-SkAeTA"> <span class="sr-only" data-ph-id="ph-page-element-page10-30BASF">${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-page10-bY4W6J"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-2C0Kg8">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-QUGmcr">${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-page10-PvcYuQ">${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-page10-s7R5ak">${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-page10-OT0ZBE">${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-page10-n2XBH0"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-fBlYwn">${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-page10-nMUmnJ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-PZIQgi"> ${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-page10-wTtZye"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page10-nWJnom">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page10-YJcOP9"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-tbWk8k">${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-page10-aTWsxf"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-wy4fFw">${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-page10-g870cu"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-7RW8XD">${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-page10-5rcpsu"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-TFGF2l">${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-page10-wgrX5l"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-JPF7vV">${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-page10-p1I5F9"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-EsMT3y"> ${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-page10-tEW2lB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-9KXDOq">${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-page10-CFYjGE"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-1WJjyl"> ${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-page10-TG0ccH"> <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-page10-mG44Xg"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-Eb88RF" 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-page10-TMwSBn"> <span data-ph-id="ph-page-element-page10-4TadQH"> ${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-page10-8HjbLK"></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-page10-RwY2fL"> <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-page10-SK65Zk"> ${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-page10-lorZPJ"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page10-vBXCSP">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page10-20fJfs">${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-page10-Bc8p60"></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-page10-ls4p1J">${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-page10-6rHjNE">${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-page10-pnQmQo">${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-page10-GFreZ5">${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-page10-H3v1cr">${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-page10-mmwhjL"> <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-page10-QuAd86"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-uDDkuN" 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-page10-tE3qQm"> <span data-ph-id="ph-page-element-page10-ezfyMu"> ${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-page10-hRx0up"></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-page10-BFQweH"> <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-page10-OklDHz"> ${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-page10-k6ZMay"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page10-8x9fBR"> <span data-ph-id="ph-page-element-page10-Dlhyxo"> <span class="sr-only" data-ph-id="ph-page-element-page10-7mN5UF"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page10-mwOlom">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page10-AY6w40">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-4lJbIM">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-hOk8uH">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page10-nyYjgd">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page10-DBxYbv">${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-page10-0K44zL"></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-page10-BAlUC3"> <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-page10-6fkvG9"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page10-UwWbWB"></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-page10-lw69rO"></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-page10-bB3ObR"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-1UOBh8"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-uZCIu1"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-DFKf2o">${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-page10-9qAID4"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page10-Xg8Ken"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page10-YTYXAs"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-vIvtXe"> <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-page10-uiWZBG"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page10-1m1Wwm">${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-page10-b2utB0"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page10-oXGblx"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page10-HfsiKV"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-wiw0tu"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page10-Do9vK2"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-NE0A1t" data-ph-at-id="share-job-button-text" instance-id="Zu86eO-dnKR0A" data-ph-id="ph-page-element-page10-p7ZKAV">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-Ahi3fu"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page10-ur7R7X" 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-page10-J3CYAK"></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-page10-QqPdby"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page10-Txczkg"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page10-9kuh22"> <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-page10-JIJUa5" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page10-xnX7tV"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-VrOoO1"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-80qfwR"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page10-wZOuku">${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-page10-kLGg5e"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-F3kFb8"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-q1uMPV"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page10-qnxpkh">${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-page10-PjwNkS"> <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-page10-Wwa5y7"> <span class="sr-only" data-ph-id="ph-page-element-page10-Q4TDXz">${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-page10-vPZ9go"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page10-y33XzN"> ${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-page10-33Di0u"> <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-page10-yySohp"> <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-page10-CTw0jK"> <div class="modal-dialog" data-ph-id="ph-page-element-page10-cujFyS"> <div class="popup-content-block" data-ph-id="ph-page-element-page10-knAUUD"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-TT8kT2" instance-id="Zu86eO-6GN1EJ" data-ph-id="ph-page-element-page10-bMQOYZ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-vQzuPf"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page10-DKWxv3"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-c1ykg4-lkM6bn" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-kSBsma" instance-id="Zu86eO-Re9Xkq" data-ph-id="ph-page-element-page10-OUS85j"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page10-qtZ3No"> <div class="job-location-count" data-ph-id="ph-page-element-page10-uFEXfk"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page10-CtmEtu"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page10-l992Vg"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page10-wD6tqY"> <span data-ph-id="ph-page-element-page10-dHBkpJ"> <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-page10-HbYPLm"></i> </span> <span data-ph-id="ph-page-element-page10-aqXOz6"> ${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-page10-V5pvfx"> <span class="sr-only" data-ph-id="ph-page-element-page10-DXzhXm">${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-page10-EtASB8"></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-page10-ZLBOny">${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-page10-4xlKfN">${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-page10-NjUxv6">${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-page10-3FyHe2">${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-page10-LEqENg"> ${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-page10-9NCXl0"> <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-page10-MgNscG"> <div class="modal-dialog" data-ph-id="ph-page-element-page10-HoGpmi"> <div class="popup-content-block" data-ph-id="ph-page-element-page10-eWDWzu"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-oW5Mp8" instance-id="Zu86eO-KaRH9x" data-ph-id="ph-page-element-page10-ylNvD3"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-FmiAGI"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page10-DbciIY"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-c1ykg4-QWvrRt" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-lQviaq" instance-id="Zu86eO-PHw71C" data-ph-id="ph-page-element-page10-wOmgPC"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page10-bToXtH"> <div class="job-location-count" data-ph-id="ph-page-element-page10-j1G4Fg"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page10-qTaBFA"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page10-huulUw"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page10-7cCUcp"> <span data-ph-id="ph-page-element-page10-A88zQ3"> <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-page10-1TdQvN"></i> </span> <span data-ph-id="ph-page-element-page10-ZCYD44"> ${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-page10-3bgM49"> <div aria-atomic="true" aria-live="assertive" instance-id="qwYqo0" data-ph-id="ph-page-element-page10-GcTVRV"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-i9UtNG" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-2rkJDZ" data-ph-at-id="seemore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-rK5B4k" instance-id="qwYqo0-Y0IkN9" data-ph-id="ph-page-element-page10-M8xQaR"> <!-- <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-page10-RAYMTm"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-jivV7w"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-j6Jyk9" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-6pvxI4" data-ph-at-id="seeless-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-AYbJZW" instance-id="qwYqo0-RoER1n" data-ph-id="ph-page-element-page10-gFvKrI"> <!-- <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-page10-LNy0CX"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-jkW239"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-eS440X" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-U4mnLH" data-ph-at-id="seenext-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-cLHH7g" instance-id="qwYqo0-6gUhaT" data-ph-id="ph-page-element-page10-6T8sD2"> <!-- <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-page10-h43edD"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-JMZEpP"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-oKctbi" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-eUVW8q" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-jEE10u" instance-id="qwYqo0-jFVWFN" data-ph-id="ph-page-element-page10-EfYLOW"> <!-- <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-page10-UZ5ZxM"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-rXaW9n"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page10-AgYFLY"> <p data-ph-id="ph-page-element-page10-FsvvKg"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-gL2lOA" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page10-1cSqcN"> No recommendations found </ppc-content> </p> </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-page10-Vf2vHM"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page10-02wAEH"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page10-BnJD9r"> <div class="modal-content" data-ph-id="ph-page-element-page10-WCgLnj"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-P6LIQO"> <!--<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-page10-B0TGUQ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-9TKBeQ"></i> <span class="sr-only" data-ph-id="ph-page-element-page10-7yy53r"><ppc-content key="ph-email-job-v1-view3-1gd0h6-D2dE9S" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page10-7aer2d">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page10-m12Ptl"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-UQT51S" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page10-obdOTz"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page10-tektY7"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Jn3nFx" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page10-Vircah"> 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-page10-5cRgaM"> <div class="content-block" data-ph-id="ph-page-element-page10-I46zNQ"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page10-CXBstQ"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page10-9xfPqY"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-UHFUkC"> <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-page10-5qTbvD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-SRMw3z"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-jfOKyq"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page10-b8Dlfh"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-EwsCUF"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page10-6RDWnx"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-eDJihm"> <label for="email-job-name" data-ph-id="ph-page-element-page10-z6alTH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-szWzbt" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page10-74YQ8w"> 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-dH15Kb" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-BBE1zu" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page10-kJ4ulr"> <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-page10-4gvecH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-0lTuCH" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page10-Kn6qNm">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-page10-gBe91E"> <label for="email-job-email" data-ph-id="ph-page-element-page10-OhHdrt"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-BUID4z" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page10-jtwz69"> 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-XkKRV9" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page10-MBOQ1Y"> <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-page10-zyygDL"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-C56EG6" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page10-ftZ449"> 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-page10-QRzXEt"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-vuDQ49" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page10-2O4wCM"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page10-KVqfal"> <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-page10-o3FNu8"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ppUQOW" data-ph-at-id="send-text" data-ph-id="ph-page-element-page10-0P3SGp"> ${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-page10-oxdjVs"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-L6raQq"> <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-page10-KVYTOF"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-wBsjH6"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-tQBzqw"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-FbVito"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-zERQLo"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-VqDn3T">*</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-page10-1oO9PW"> <span class="sr-only required-text" data-ph-id="ph-page-element-page10-9abgxX"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page10-HlBbhW"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page10-gD4xhX"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-tykUrH" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page10-soq7zW">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-W7OaMd"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-2KQPRX" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page10-3BRX7O">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-page10-mFKQ6z"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page10-rmO4cl"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page10-CMoYY6"> <i class="icon icon-check" data-ph-id="ph-page-element-page10-SVIfzE"></i> <h3 data-ph-id="ph-page-element-page10-wz9323"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-SKXJKP" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page10-q5zSOE">Success!</ppc-content> </h3> <p data-ph-id="ph-page-element-page10-6sZRC7"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-DwoEy4" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page10-MTMdJL">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-page10-hmyamC"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-gTJwvb" data-ph-id="ph-page-element-page10-qieBTJ">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-fs2a7o"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page10-ApKoYb"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page10-Ot20Au"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page10-cXmhUO"></i> <h3 data-ph-id="ph-page-element-page10-IsQZ9h"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-F8IZss" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page10-WUfaC7">Failure!</ppc-content> </h3> <p data-ph-id="ph-page-element-page10-KvvmYw"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-2v1clo" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page10-Ik7hbQ">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-page10-uomHar"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-FT4LLd" data-ph-id="ph-page-element-page10-9N8L4D">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-page10-jcwBbY"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page10-wCJc4a"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page10-CXIDLA"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page10-zDk0w9"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-B1eiLt"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page10-VXQoXM"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-M0eNjo"> <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-page10-EmZT1d"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-OuYECz"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-lv7yJv"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-NWV9EG"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-rEVkr5"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-qstPbK">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page10-8kzc7T"> <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-page10-i1AxmU"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </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-page10-fstTrM"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page10-0xQwsM"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page10-c5fhSc"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-kwqcb6" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-FCd53r" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page10-lXuHnR"> <ppc-content key="ph-social-share-v3-default-6ty93l-XH07wb" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-qDl0qQ"> 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-page10-Xa3NNW"> <ppc-content key="ph-social-share-v3-default-6ty93l-zTuA5u" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page10-sRVfyf"> 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-page10-oSMzvS"> <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-page10-8q34iN"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page10-Pe9qlT"> <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-page10-fDkLpr"> <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-page10-yeJn6u"></i> <span class="sr-only" data-ph-id="ph-page-element-page10-Juqnls"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page10-WMLMnb">${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-page10-ADGupX" 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-page10-Hd6o4Q"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page10-j5PWcL"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-Ut28fl"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-1keLtO"> <div class="head-wrapper" data-ph-id="ph-page-element-page10-nDReBh"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page10-TvfAkt"> <ppc-content key="ph-social-share-v3-default-6ty93l-IzEjGS" data-ph-id="ph-page-element-page10-gGKC2N">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-tJZmER" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page10-DrIEk5"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page10-qE8AGX"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page10-mwIqxe"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page10-nzgsJx"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page10-dhblzo"> <ppc-content key="ph-social-share-v3-default-6ty93l-CmoDUc" data-ph-id="ph-page-element-page10-zjBhpI">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-page10-rjUEBZ"><ppc-content key="ph-social-share-v3-default-6ty93l-cYe7L3" data-ph-id="ph-page-element-page10-5ShHW9">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-page10-Chds9U" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page10-iwkty5"> <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-page10-dTw2NZ"><ppc-content key="ph-social-share-v3-default-6ty93l-iTp7KK" data-ph-id="ph-page-element-page10-h0cKr5">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-page10-7c00YG"><ppc-content key="ph-social-share-v3-default-6ty93l-zaUX9Q" data-ph-id="ph-page-element-page10-eeYshL">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recom-jobs-browsing-history-v3-default-1622923084713" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page10-sW2jKA"></div> <div class="phs-widget-block-area testing-class ph-widget-box" role="region" aria-label="JOBS BASED ON YOUR BROWSING HISTORY" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-gkzzah" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page10-8mqwUW"> <div class="widget-container" data-ph-id="ph-page-element-page10-4scZB5"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-T4vvav"> <h2 data-ph-id="ph-page-element-page10-mhmuup"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-q19Fmy" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page10-HPjZAh">JOBS BASED ON YOUR BROWSING HISTORY</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page10-bObDcC"> <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-page10-x6p9pP"> <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-page10-1R99AZ"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="cHI8PW" data-ph-id="ph-page-element-page10-iGyneB"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-3A3oJF"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page10-6yIgez"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page10-f00LYN" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page10-pJltUn"> <div class="information" data-ph-id="ph-page-element-page10-D2amgC"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page10-fB4ka6"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-zVxByo"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page10-mOYVi6"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page10-mNL7ew" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page10-S3L9DX"> <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-page10-8j8CEx"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-qLARix"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-RLPCts"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-nawFOG">${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-page10-8G4n7b"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page10-InElbG"> ${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-page10-65q1n1"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-sEF1U7"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-FcyztY">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-6C2AWV" aria-level="3" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-4NZEFv" instance-id="cHI8PW-Yf3bzk" data-ph-id="ph-page-element-page10-HkoujY"> <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-page10-r4ijpr"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page10-i8Dbjn"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-NcRwa0">${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-page10-h1738O"></i> <span data-ph-id="ph-page-element-page10-9uYXcf">${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-page10-VGD4IN"> <!-- 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-page10-e9n5Ao"> <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-page10-ZMmWoT"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-sptFp5">${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-page10-l3Ew54"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-dGO7JK">${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-page10-A9Xvuz"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-sVDfYb">${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-page10-vFtnO2"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-pdFU8C">${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-page10-XnFvRD"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-G94x5m">${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-page10-Dt2J8t"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-jbpGsM"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page10-V3xmGB"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page10-1Xmbdz"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-T8E7Lf">${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-page10-FZOvF9"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-EBq7ES">${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-page10-4ahRCb"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-Yacji2">${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-page10-nfSjCc"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-kPbXwK">${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-page10-QaELJM"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-VIVlEp">${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-page10-dDGVCl"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-z5lPiq"> ${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-page10-smuppX"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-UuFsrz">${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-page10-8nTuvy"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-qIs94e"> ${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-page10-cGMj7p"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-w8KlzD">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-bINhpN">${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-page10-9WDEeV"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-aDAJTF">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-Wyyq1b">${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-page10-smym5M">${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-page10-CuO8qI">${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-page10-2gjqp8">${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-page10-VwHcER"> <!-- 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-page10-Nmix12"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page10-RGNFtO"> <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-page10-TyfJTW"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-N09ElQ"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page10-zPwiJq"> ${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-page10-twChmw"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-VfXLsq">${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-page10-EVOS8w"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-IjEEsN">${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-page10-rk8Ct5"> <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-page10-6XKizo"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-Kjt2Kl"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page10-F93Hc9"> ${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-page10-wbF4RZ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-aW0kSn">${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-page10-D3USVT"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-EjgAJn">${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-page10-EmfmvE"> <span class="sr-only" data-ph-id="ph-page-element-page10-Wtxbub">${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-page10-9YboDn"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-ZTYnzU">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-f3ciPa">${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-page10-HxGtNJ">${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-page10-wPPes4">${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-page10-Ijb5Zy">${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-page10-E41ipp"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-rXPWj6">${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-page10-Vw27kS"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-G9P9Gi"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page10-I8qYya"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page10-5NvgOO"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-jyVBxi">${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-page10-tDjcl9"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-93q8jd">${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-page10-sQZFHk"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-ZmAMbN">${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-page10-Z3HkGZ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-tg4FQT">${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-page10-socpX5"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-vRlNTm">${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-page10-aVvVKU"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-e0nRzA"> ${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-page10-9w5zSW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-iouiY2">${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-page10-zg74SF"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-FgsO72"> ${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-page10-xQ9tX8"> <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-page10-GyjpEr"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-ajj6eb" 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-page10-rfZD7V"> <span data-ph-id="ph-page-element-page10-57RTGm"> ${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-page10-S1HBCP"></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-page10-rw2pYV"> <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-page10-6IivlE"> ${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-page10-nXgMI0"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-5ef6SA">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page10-3S7MVT">${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-page10-TftVLt"></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-page10-kdKp1Y">${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-page10-sHPDco">${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-page10-dmBkA1">${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-page10-g4ZWWv">${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-page10-ZG7x5K">${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-page10-v5z2dP"> <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-page10-dyNcd4"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-PbR5Hy" 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-page10-R3Jwmz"> <span data-ph-id="ph-page-element-page10-UUwJFZ"> ${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-page10-84vh1Z"></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-page10-31VWmv"> <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-page10-R4ze6Q"> ${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-page10-TWko9N"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page10-WsN2Ml"> <span data-ph-id="ph-page-element-page10-PCOh7C"> <span class="sr-only" data-ph-id="ph-page-element-page10-gvyn9x"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page10-MTIz8J">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page10-grtiLI">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-RTsOOL">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-eVfPqK">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page10-eVE5pf">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page10-yOVtXU">${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-page10-8TkrC8"></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-page10-UAk9HE"> <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-page10-iJLwVA"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page10-WtR1IL"></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-page10-hD6p54"></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-page10-ykOvIJ"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-6AUBfA"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-8GhPj1"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-2yHFTm">${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-page10-GpFfv1"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page10-N5NCAs"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page10-WLMiv5"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-FsZKUY"> <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-page10-Tw8iDt"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page10-SjzAu4">${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-page10-MPs3qL"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page10-qPDyj9"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page10-8MGRVc"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-ZQOgDq"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page10-muaKen"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-1Cikw1" data-ph-at-id="share-job-button-text" instance-id="cHI8PW-VXadTh" data-ph-id="ph-page-element-page10-Vb9MEU">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-pi3uZ9"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page10-6DtAxj" 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-page10-BSKI1x"></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-page10-jJkmpN"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page10-lGw0TB"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page10-Bryo2H"> <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-page10-I2dIP7" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page10-hJaS2D"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-Wb59LA"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-gxYEnV"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page10-EHQdHl">${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-page10-1y1wLZ"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-FVRxfu"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-FS2zFw"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page10-pxsIqZ">${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-page10-GAIxzF"> <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-page10-pX4hTG"> <span class="sr-only" data-ph-id="ph-page-element-page10-UsjnLj">${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-page10-oOw8x0"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page10-u9vLgv"> ${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-page10-XlaJud"> <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-page10-rwalr2"> <div class="modal-dialog" data-ph-id="ph-page-element-page10-jRBM8o"> <div class="popup-content-block" data-ph-id="ph-page-element-page10-LRZ73n"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-6R6EI2" instance-id="cHI8PW-w1s37t" data-ph-id="ph-page-element-page10-gENRHs"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-zIMgI9"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page10-xGux9c"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-AQ6tiz" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-YuyaEJ" instance-id="cHI8PW-mrOQsQ" data-ph-id="ph-page-element-page10-e8AOj5"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page10-t5hLSo"> <div class="job-location-count" data-ph-id="ph-page-element-page10-ZVZ7Yp"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page10-I7Htvz"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page10-dfz65q"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page10-ZegGmK"> <span data-ph-id="ph-page-element-page10-6o8Idu"> <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-page10-eBaRC0"></i> </span> <span data-ph-id="ph-page-element-page10-nCqxyW"> ${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-page10-sCrDHM"> <span class="sr-only" data-ph-id="ph-page-element-page10-MvwN0W">${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-page10-kzgvvH"></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-page10-aIOnzw">${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-page10-I1P04m">${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-page10-P3U9Cp">${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-page10-KCWQKV">${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-page10-37bxJj"> ${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-page10-cAGvz6"> <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-page10-zomd5O"> <div class="modal-dialog" data-ph-id="ph-page-element-page10-Hy3Iv7"> <div class="popup-content-block" data-ph-id="ph-page-element-page10-EENp5C"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-cJAtg7" instance-id="cHI8PW-jFpdYb" data-ph-id="ph-page-element-page10-zOtIsk"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-UVWBaL"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page10-gqaIDZ"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-sJt5LL" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-sJII9P" instance-id="cHI8PW-5I9GYS" data-ph-id="ph-page-element-page10-pwC70a"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page10-3Jfmyq"> <div class="job-location-count" data-ph-id="ph-page-element-page10-BZLmTn"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page10-7JWmB9"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page10-adWOwa"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page10-Rqr0eB"> <span data-ph-id="ph-page-element-page10-VA4HE1"> <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-page10-2J5C41"></i> </span> <span data-ph-id="ph-page-element-page10-mLONGY"> ${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-page10-y4O4HM"> <div aria-atomic="true" aria-live="assertive" instance-id="eObFUn" data-ph-id="ph-page-element-page10-POAIeN"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-zjy8NF" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-kt9aY6" data-ph-at-id="seemore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-cL0x6c" instance-id="eObFUn-U0PBha" data-ph-id="ph-page-element-page10-5kthRb"> <!-- <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-page10-9uDvqv"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-YmJMw2"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-Cp85JE" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-nYaaOb" data-ph-at-id="seeless-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-WJcPoc" instance-id="eObFUn-ZlOH7f" data-ph-id="ph-page-element-page10-RLo2Fn"> <!-- <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-page10-IM1oAt"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-UeOmHu"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-Ptu1q6" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-y3vj8w" data-ph-at-id="seenext-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-AWyUYp" instance-id="eObFUn-6XTZ4X" data-ph-id="ph-page-element-page10-Lx4dZN"> <!-- <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-page10-YwnVJU"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-mOha9j"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-xVpOIE" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-dAWNTG" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-hpMpNS" instance-id="eObFUn-eB9LQc" data-ph-id="ph-page-element-page10-7fk6VP"> <!-- <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-page10-jsc58r"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-LQ6hqm"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page10-d5bim1"> <p data-ph-id="ph-page-element-page10-2rsgxW"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-1zD2yL" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page10-Py3Z5e"> No recommendations found </ppc-content> </p> </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-page10-Vf2vHM"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page10-02wAEH"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page10-BnJD9r"> <div class="modal-content" data-ph-id="ph-page-element-page10-WCgLnj"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-P6LIQO"> <!--<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-page10-B0TGUQ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-9TKBeQ"></i> <span class="sr-only" data-ph-id="ph-page-element-page10-7yy53r"><ppc-content key="ph-email-job-v1-view3-1gd0h6-D2dE9S" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page10-7aer2d">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page10-m12Ptl"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-UQT51S" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page10-obdOTz"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page10-tektY7"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Jn3nFx" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page10-Vircah"> 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-page10-5cRgaM"> <div class="content-block" data-ph-id="ph-page-element-page10-I46zNQ"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page10-CXBstQ"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page10-9xfPqY"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-UHFUkC"> <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-page10-5qTbvD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-SRMw3z"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-jfOKyq"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page10-b8Dlfh"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-EwsCUF"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page10-6RDWnx"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-eDJihm"> <label for="email-job-name" data-ph-id="ph-page-element-page10-z6alTH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-szWzbt" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page10-74YQ8w"> 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-dH15Kb" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-BBE1zu" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page10-kJ4ulr"> <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-page10-4gvecH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-0lTuCH" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page10-Kn6qNm">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-page10-gBe91E"> <label for="email-job-email" data-ph-id="ph-page-element-page10-OhHdrt"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-BUID4z" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page10-jtwz69"> 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-XkKRV9" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page10-MBOQ1Y"> <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-page10-zyygDL"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-C56EG6" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page10-ftZ449"> 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-page10-QRzXEt"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-vuDQ49" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page10-2O4wCM"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page10-KVqfal"> <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-page10-o3FNu8"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ppUQOW" data-ph-at-id="send-text" data-ph-id="ph-page-element-page10-0P3SGp"> ${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-page10-oxdjVs"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-L6raQq"> <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-page10-KVYTOF"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-wBsjH6"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-tQBzqw"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-FbVito"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-zERQLo"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-VqDn3T">*</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-page10-1oO9PW"> <span class="sr-only required-text" data-ph-id="ph-page-element-page10-9abgxX"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page10-HlBbhW"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page10-gD4xhX"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-tykUrH" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page10-soq7zW">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-W7OaMd"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-2KQPRX" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page10-3BRX7O">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-page10-mFKQ6z"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page10-rmO4cl"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page10-CMoYY6"> <i class="icon icon-check" data-ph-id="ph-page-element-page10-SVIfzE"></i> <h3 data-ph-id="ph-page-element-page10-wz9323"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-SKXJKP" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page10-q5zSOE">Success!</ppc-content> </h3> <p data-ph-id="ph-page-element-page10-6sZRC7"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-DwoEy4" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page10-MTMdJL">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-page10-hmyamC"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-gTJwvb" data-ph-id="ph-page-element-page10-qieBTJ">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-fs2a7o"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page10-ApKoYb"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page10-Ot20Au"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page10-cXmhUO"></i> <h3 data-ph-id="ph-page-element-page10-IsQZ9h"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-F8IZss" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page10-WUfaC7">Failure!</ppc-content> </h3> <p data-ph-id="ph-page-element-page10-KvvmYw"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-2v1clo" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page10-Ik7hbQ">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-page10-uomHar"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-FT4LLd" data-ph-id="ph-page-element-page10-9N8L4D">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-page10-jcwBbY"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page10-wCJc4a"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page10-CXIDLA"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page10-zDk0w9"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-B1eiLt"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page10-VXQoXM"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-M0eNjo"> <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-page10-EmZT1d"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-OuYECz"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-lv7yJv"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-NWV9EG"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-rEVkr5"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-qstPbK">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page10-8kzc7T"> <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-page10-i1AxmU"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </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-page10-7Is9l5"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page10-XQrOjt"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page10-jhVeI1"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-kwqcb6" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-FCd53r" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page10-PwrkOj"> <ppc-content key="ph-social-share-v3-default-6ty93l-XH07wb" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-wE4RpG"> 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-page10-cMnURj"> <ppc-content key="ph-social-share-v3-default-6ty93l-zTuA5u" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page10-qS3zpv"> 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-page10-U1OW6s"> <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-page10-8EySKM"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page10-rn4IEB"> <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-page10-dAlpZn"> <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-page10-GN9S6y"></i> <span class="sr-only" data-ph-id="ph-page-element-page10-ebpnu3"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page10-5X0YaK">${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-page10-Iu24QX" 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-page10-tMjbkW"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page10-ncBTBr"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-5wkc2b"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-fYrtTr"> <div class="head-wrapper" data-ph-id="ph-page-element-page10-TLGDsl"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page10-PFEo3Y"> <ppc-content key="ph-social-share-v3-default-6ty93l-IzEjGS" data-ph-id="ph-page-element-page10-yq1LyQ">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-tJZmER" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page10-Sel20L"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page10-PAaXSi"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page10-sgVWs2"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page10-OuPT8t"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page10-rxv0cK"> <ppc-content key="ph-social-share-v3-default-6ty93l-CmoDUc" data-ph-id="ph-page-element-page10-fTvmtx">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-page10-IfJ4Cu"><ppc-content key="ph-social-share-v3-default-6ty93l-cYe7L3" data-ph-id="ph-page-element-page10-J64xUX">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-page10-yTDJQJ" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page10-xsWsUH"> <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-page10-UUinnI"><ppc-content key="ph-social-share-v3-default-6ty93l-iTp7KK" data-ph-id="ph-page-element-page10-W3PfrD">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-page10-8NhDEt"><ppc-content key="ph-social-share-v3-default-6ty93l-zaUX9Q" data-ph-id="ph-page-element-page10-UCsyGP">Copy Link</ppc-content></button> </div> </div> </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-page10-Z25wyB"></div> <div class="phs-widget-block-area ph-widget-box" show.bind="!showLoader && jobResults.length" role="region" aria-label="Recently Viewed Jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-loSy6h" data-ph-id="ph-page-element-page10-4nfJCJ"> <div class="widget-container" data-ph-id="ph-page-element-page10-S3Jjng"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-E13g87"> <h2 data-ph-id="ph-page-element-page10-DSsBhD"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-g8Tljc" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page10-W7SP9R">Recently Viewed Jobs</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page10-8buxtI"> <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-page10-tqhRlA"> <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-page10-FmFT79"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="DzsjMe" data-ph-id="ph-page-element-page10-4pImki"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-AXtuUN"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page10-pEUm97"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page10-4WQQHE" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page10-xOMzOe"> <div class="information" data-ph-id="ph-page-element-page10-hnxqF1"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page10-qejwkD"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-QdobgB"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page10-dbpYpF"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page10-FCnxAT" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page10-2cVT28"> <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-page10-b5kTWF"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-Ga1pLd"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-ca6gJX"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-rNLQTa">${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-page10-S6algP"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page10-ZO1B3B"> ${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-page10-m82GCx"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-P4fdS1"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-UpI3u3">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-XbDcmR" aria-level="3" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-ZKOJmE" instance-id="DzsjMe-6Ap8nU" data-ph-id="ph-page-element-page10-Gb4UXD"> <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-page10-tXgaBR"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page10-zVlRYO"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-CQGf3c">${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-page10-7zDUYO"></i> <span data-ph-id="ph-page-element-page10-wMUKVB">${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-page10-TL9KKG"> <!-- 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-page10-R7vTpK"> <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-page10-VCPGHl"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-RGwaFJ">${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-page10-DO0Mc5"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-Lp0Gda">${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-page10-X3B5pu"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-hGPE17">${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-page10-sYYN5z"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-6GUmTR">${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-page10-zedwUS"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-TB65KV">${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-page10-BFjomb"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-RNCpe9"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page10-Hp0civ"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page10-StaUsR"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-Mvlvpw">${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-page10-F2LmSA"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-sPwpYY">${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-page10-CAambQ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-HNKl1y">${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-page10-o04ILO"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-RUdh3j">${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-page10-dXYF7b"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-6cHzub">${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-page10-vFlTO1"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-8tnysG"> ${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-page10-sMRjo8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-sC7Y76">${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-page10-HG2nQ7"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-QyHUZk"> ${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-page10-VMI40x"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-QIHK5A">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-YkY7E3">${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-page10-OHLtY8"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-v9056D">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-eiQkeg">${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-page10-QO2flI">${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-page10-v9fCHC">${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-page10-9751o5">${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-page10-mhyOLl"> <!-- 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-page10-DlGT1v"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page10-nTl16i"> <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-page10-vTX65u"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-bOoeWD"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page10-Mv5CvB"> ${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-page10-0okwxt"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-oojTpI">${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-page10-pPFR71"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-VzZBCJ">${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-page10-f200oH"> <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-page10-cBPpU5"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-CtcgKH"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page10-8A6lPS"> ${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-page10-68xOjl"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-85o7ia">${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-page10-67UjHZ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-3Uitg8">${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-page10-RR7vAV"> <span class="sr-only" data-ph-id="ph-page-element-page10-iL85m1">${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-page10-fhlIch"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-OP7dW6">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-RmBPA7">${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-page10-mlVGtI">${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-page10-VzVOMP">${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-page10-3bCKlH">${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-page10-Vrbxh4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-ab4LNr">${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-page10-wqbgqp"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-wILAfW"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page10-8XddXR"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page10-kkon6V"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-sivk3Y">${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-page10-UkUYox"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-O5AMXt">${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-page10-7d37XT"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-Rm1E6S">${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-page10-lMvoJ3"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-RoN04V">${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-page10-qJz9Ao"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-gn9QJN">${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-page10-JGxr9Y"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-2XLqgJ"> ${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-page10-Mc9ZFc"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-ivedur">${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-page10-YGTJ0e"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-qc918O"> ${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-page10-DKoQA1"> <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-page10-yPj0Hu"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-1f5qWP" 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-page10-2bcrD0"> <span data-ph-id="ph-page-element-page10-f7rY6A"> ${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-page10-7Rqnh3"></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-page10-htutwH"> <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-page10-DxIBKw"> ${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-page10-7UfhxK"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-xoBPzi">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page10-YMz9MS">${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-page10-U0lnIr"></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-page10-IAFUKq">${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-page10-d80MV2">${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-page10-xiTQ1O">${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-page10-TfN6Pp">${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-page10-gLLtpj">${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-page10-nvDfm8"> <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-page10-uQCAkS"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-3Lf5Q1" 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-page10-q2dKpl"> <span data-ph-id="ph-page-element-page10-fYHuo3"> ${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-page10-ZcDKze"></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-page10-RFd0Ir"> <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-page10-rrbCvP"> ${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-page10-zVCOYa"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page10-Ok7QGR"> <span data-ph-id="ph-page-element-page10-Yip6uL"> <span class="sr-only" data-ph-id="ph-page-element-page10-lnBNe8"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page10-th1LAW">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page10-tWMN2u">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-w8oBuD">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-iAI1h0">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page10-hyNy8i">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page10-aIIlga">${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-page10-Mfa6Wt"></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-page10-tmo86B"> <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-page10-kwlQ2g"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page10-isgqwG"></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-page10-K2iPjz"></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-page10-BibKeQ"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-l5Erw3"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-1Fp9k8"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-ACW1Xz">${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-page10-WsP0GN"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page10-FMVDNm"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page10-rfFRXA"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-ocDDFN"> <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-page10-NVZkfy"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page10-7666zy">${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-page10-cczDn8"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page10-7YZ0Pf"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page10-x49ypH"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-vxFlbP"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page10-vRGq9d"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-PFqqiu" data-ph-at-id="share-job-button-text" instance-id="DzsjMe-sbJJfn" data-ph-id="ph-page-element-page10-5jJfzh">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-mSd3cZ"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page10-Z1Szgj" 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-page10-ao85JZ"></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-page10-H6Khz7"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page10-uZTWkM"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page10-WkxLhI"> <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-page10-LDWFqn" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page10-gMOt3v"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-axNZBu"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-iBUIxl"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page10-XUQIma">${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-page10-5Md8Qu"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-lO7ESz"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-p25OHV"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page10-QHdtHe">${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-page10-YcL4jC"> <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-page10-cw9V7V"> <span class="sr-only" data-ph-id="ph-page-element-page10-e6wiiq">${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-page10-caB9HH"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page10-dseCrr"> ${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-page10-qqU4IG"> <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-page10-pHA7pw"> <div class="modal-dialog" data-ph-id="ph-page-element-page10-mrrnqM"> <div class="popup-content-block" data-ph-id="ph-page-element-page10-1wMmKK"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-EVGYXE" instance-id="DzsjMe-YmKUBp" data-ph-id="ph-page-element-page10-9piYZr"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-58wHqE"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page10-00rsqZ"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-WsvUaV" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-IyXS0p" instance-id="DzsjMe-6GA7xu" data-ph-id="ph-page-element-page10-vm9L8Y"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page10-Z1bXeu"> <div class="job-location-count" data-ph-id="ph-page-element-page10-k2BhYI"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page10-FkPOJs"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page10-pEpiaD"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page10-jzjQl0"> <span data-ph-id="ph-page-element-page10-CK9hcH"> <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-page10-J0y8lb"></i> </span> <span data-ph-id="ph-page-element-page10-VK8D67"> ${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-page10-BjLuYG"> <span class="sr-only" data-ph-id="ph-page-element-page10-ZG1nYw">${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-page10-lLMPqA"></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-page10-qjrFop">${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-page10-OsLyoo">${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-page10-Uas8SS">${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-page10-CoWv3v">${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-page10-S5XxCJ"> ${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-page10-N2RAKL"> <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-page10-OZCBwi"> <div class="modal-dialog" data-ph-id="ph-page-element-page10-MO4938"> <div class="popup-content-block" data-ph-id="ph-page-element-page10-LHsSgm"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-oOdBqj" instance-id="DzsjMe-jRxmlq" data-ph-id="ph-page-element-page10-zzrowI"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-MWI7d0"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page10-HiBrrI"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-nuVM45" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-3pILzW" instance-id="DzsjMe-MOkA0o" data-ph-id="ph-page-element-page10-qXgp7D"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page10-tWDP9t"> <div class="job-location-count" data-ph-id="ph-page-element-page10-jiw7W2"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page10-VvWT5G"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page10-4JBaU9"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page10-Lxh9N1"> <span data-ph-id="ph-page-element-page10-qHWx5A"> <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-page10-FW2CNw"></i> </span> <span data-ph-id="ph-page-element-page10-keNHNv"> ${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-page10-Oi1OF8"> <div aria-atomic="true" aria-live="assertive" instance-id="uTMO3I" data-ph-id="ph-page-element-page10-cYrz2K"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-CAD5e0" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-voMYPH" data-ph-at-id="seemore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-inCjCS" instance-id="uTMO3I-17kEcd" data-ph-id="ph-page-element-page10-OyQ7CV"> <!-- <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-page10-SaSYRr"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-wF7UA7"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-Own7ux" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-UwfcPm" data-ph-at-id="seeless-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-0yHvUk" instance-id="uTMO3I-vsg8WV" data-ph-id="ph-page-element-page10-A9uuKr"> <!-- <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-page10-3Ahgxt"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-iH8N7D"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-bUcpPh" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-ImyhVs" data-ph-at-id="seenext-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-EnuFDO" instance-id="uTMO3I-ALNdzk" data-ph-id="ph-page-element-page10-ll0kRS"> <!-- <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-page10-lP7iWS"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-2Qtozk"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-N43rIV" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-ZKfY78" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-NBqpvD" instance-id="uTMO3I-iJbWvj" data-ph-id="ph-page-element-page10-zemqaN"> <!-- <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-page10-SJlPhX"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-yiCVPS"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page10-AoOksH"> <p data-ph-id="ph-page-element-page10-ucxAPc"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-g2QNY4" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page10-kX8YSS"> No recommendations found </ppc-content> </p> </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-page10-Vf2vHM"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page10-02wAEH"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page10-BnJD9r"> <div class="modal-content" data-ph-id="ph-page-element-page10-WCgLnj"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-P6LIQO"> <!--<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-page10-B0TGUQ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-9TKBeQ"></i> <span class="sr-only" data-ph-id="ph-page-element-page10-7yy53r"><ppc-content key="ph-email-job-v1-view3-1gd0h6-D2dE9S" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page10-7aer2d">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page10-m12Ptl"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-UQT51S" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page10-obdOTz"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page10-tektY7"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-Jn3nFx" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page10-Vircah"> 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-page10-5cRgaM"> <div class="content-block" data-ph-id="ph-page-element-page10-I46zNQ"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page10-CXBstQ"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page10-9xfPqY"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-UHFUkC"> <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-page10-5qTbvD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-SRMw3z"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-jfOKyq"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page10-b8Dlfh"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-EwsCUF"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page10-6RDWnx"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-eDJihm"> <label for="email-job-name" data-ph-id="ph-page-element-page10-z6alTH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-szWzbt" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page10-74YQ8w"> 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-dH15Kb" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-BBE1zu" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page10-kJ4ulr"> <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-page10-4gvecH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-0lTuCH" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page10-Kn6qNm">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-page10-gBe91E"> <label for="email-job-email" data-ph-id="ph-page-element-page10-OhHdrt"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-BUID4z" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page10-jtwz69"> 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-XkKRV9" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page10-MBOQ1Y"> <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-page10-zyygDL"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-C56EG6" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page10-ftZ449"> 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-page10-QRzXEt"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-vuDQ49" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page10-2O4wCM"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page10-KVqfal"> <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-page10-o3FNu8"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ppUQOW" data-ph-at-id="send-text" data-ph-id="ph-page-element-page10-0P3SGp"> ${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-page10-oxdjVs"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-L6raQq"> <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-page10-KVYTOF"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-wBsjH6"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-tQBzqw"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-FbVito"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-zERQLo"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-VqDn3T">*</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-page10-1oO9PW"> <span class="sr-only required-text" data-ph-id="ph-page-element-page10-9abgxX"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page10-HlBbhW"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page10-gD4xhX"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-tykUrH" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page10-soq7zW">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-W7OaMd"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-2KQPRX" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page10-3BRX7O">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-page10-mFKQ6z"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page10-rmO4cl"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page10-CMoYY6"> <i class="icon icon-check" data-ph-id="ph-page-element-page10-SVIfzE"></i> <h3 data-ph-id="ph-page-element-page10-wz9323"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-SKXJKP" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page10-q5zSOE">Success!</ppc-content> </h3> <p data-ph-id="ph-page-element-page10-6sZRC7"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-DwoEy4" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page10-MTMdJL">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-page10-hmyamC"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-gTJwvb" data-ph-id="ph-page-element-page10-qieBTJ">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-fs2a7o"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page10-ApKoYb"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page10-Ot20Au"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page10-cXmhUO"></i> <h3 data-ph-id="ph-page-element-page10-IsQZ9h"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-F8IZss" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page10-WUfaC7">Failure!</ppc-content> </h3> <p data-ph-id="ph-page-element-page10-KvvmYw"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-2v1clo" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page10-Ik7hbQ">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-page10-uomHar"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-FT4LLd" data-ph-id="ph-page-element-page10-9N8L4D">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-page10-jcwBbY"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page10-wCJc4a"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page10-CXIDLA"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page10-zDk0w9"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-B1eiLt"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page10-VXQoXM"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-M0eNjo"> <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-page10-EmZT1d"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-OuYECz"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-lv7yJv"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-NWV9EG"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-rEVkr5"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-qstPbK">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page10-8kzc7T"> <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-page10-i1AxmU"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </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-page10-0aMXwC"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page10-pKs6qg"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page10-mX5wqa"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-kwqcb6" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-FCd53r" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page10-lCBsf4"> <ppc-content key="ph-social-share-v3-default-6ty93l-XH07wb" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-U34hL4"> 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-page10-PYbyzc"> <ppc-content key="ph-social-share-v3-default-6ty93l-zTuA5u" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page10-OZIA5P"> 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-page10-1vFUhM"> <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-page10-O6CiOA"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page10-mnc2wW"> <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-page10-JmZvZ5"> <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-page10-SQnk6h"></i> <span class="sr-only" data-ph-id="ph-page-element-page10-0BKpbX"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page10-scCO3i">${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-page10-eJDMag" 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-page10-INWKfP"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page10-ZRaTRY"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-bwQUGy"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-wZCe7Z"> <div class="head-wrapper" data-ph-id="ph-page-element-page10-eeIAKP"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page10-bS4los"> <ppc-content key="ph-social-share-v3-default-6ty93l-IzEjGS" data-ph-id="ph-page-element-page10-Vh0oqB">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-tJZmER" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page10-ieQj8D"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page10-cCzh2t"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page10-YEz7kK"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page10-4vzieZ"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page10-phjLQm"> <ppc-content key="ph-social-share-v3-default-6ty93l-CmoDUc" data-ph-id="ph-page-element-page10-rxm9k7">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-page10-IQ0alc"><ppc-content key="ph-social-share-v3-default-6ty93l-cYe7L3" data-ph-id="ph-page-element-page10-NLHO7A">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-page10-HTi4Yp" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page10-0SYKjR"> <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-page10-LR6T8C"><ppc-content key="ph-social-share-v3-default-6ty93l-iTp7KK" data-ph-id="ph-page-element-page10-5KtgBd">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-page10-SnIMT3"><ppc-content key="ph-social-share-v3-default-6ty93l-zaUX9Q" data-ph-id="ph-page-element-page10-zW6qoo">Copy Link</ppc-content></button> </div> </div> </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-page10-0GRBim"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Explore opportunities near you" key-aria-label="ph-near-by-jobs-v2-default-qi5top-Ctl7Dh" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page10-50zlcw"> <div class="widget-container" data-ph-id="ph-page-element-page10-17YUy3"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-zONciT"> <h2 data-ph-id="ph-page-element-page10-x3M9Fe"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-6pb8bT" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page10-XZzxQM"> Explore opportunities near you </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page10-Nz8ChD"> <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-page10-zyiQN1"> <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-page10-fuBt1Y"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="iAuvhX" data-ph-id="ph-page-element-page10-AkCCEj"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-nvBFw0"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page10-DaYuPJ"> <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-page10-SpjPsA" /> </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-page10-rH96E7"> <div class="information" data-ph-id="ph-page-element-page10-rTJM6V"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page10-a2MOAh"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-DHGIKW"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page10-NmYiPe"> <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-page10-KvbRgV" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page10-oNjq8m"> <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-page10-QrTMIm"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-9CeJl8"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-GfvxB8"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-0NWD4E">${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-page10-YzAecD"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page10-6KnK0u"> ${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-page10-LRt3gn"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-XW21cJ"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-EWOnCe">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-near-by-jobs-v2-default-qi5top-VAbUxw" aria-level="3" key-aria-level="ph-near-by-jobs-v2-default-qi5top-1jfPU3" instance-id="iAuvhX-YRTa8N" data-ph-id="ph-page-element-page10-HkWq2U"> <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-page10-mitTOW"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page10-Xgsro3"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-DuBhcU">${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-page10-j5ybWr"></i> <span data-ph-id="ph-page-element-page10-2RSmVH">${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-page10-9QObfm"> <!-- 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-page10-0BS1Yj"> <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-page10-VzmLlx"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-i80Bor">${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-page10-OQnqRn"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-5C5epE">${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-page10-lwTO53"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-yMsI25">${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-page10-fWPUCR"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-ISdVHx">${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-page10-MnacKW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-ytT3QW">${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-page10-NiPq4Y"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-4iySnx"> ${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-page10-9DPUru"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page10-beR8nj">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page10-NMsoLh"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-OcqNj0">${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-page10-TqgIst"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-G0sMIj">${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-page10-BcDMru"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-Rb2iU6">${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-page10-XbEBvI"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-i3yblJ">${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-page10-R6Q5ur"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-eAPZRX">${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-page10-AULJ5O"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-1duota"> ${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-page10-HOU9lE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-svjE7L">${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-page10-JzOg9Q"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-TutR3c"> ${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-page10-x3u4Qj"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-pSqLzK">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-2IE6Pg">${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-page10-M7jJN4"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-GYgGYU">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-JoNeOi">${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-page10-0zuKth">${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-page10-5NTvds">${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-page10-SiNj6K">${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-page10-xPSBmz"> <!-- 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-page10-dAZ57O"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page10-p3dcYr"> <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-page10-MA3oVu"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-VOe0aR"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page10-7Y66yp"> ${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-page10-Z4LU8V"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-eicOGt">${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-page10-M8THxV"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-TaygpU">${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-page10-xDrC3h"> <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-page10-JbM7fV"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-VZpwsY"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page10-BSqxgS"> ${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-page10-vpDYXr"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-F4LvWJ">${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-page10-WwgHBO"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-otRgnN">${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-page10-tGt5Wp"> <span class="sr-only" data-ph-id="ph-page-element-page10-Pp4iux">${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-page10-DmQe5a"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-adTGpW">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-91jv0l">${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-page10-cIkbcH">${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-page10-9AsxAa">${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-page10-OO7jrc">${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-page10-lgtbyw"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-Kfg2WM">${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-page10-yWVDfD"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-a2flW2"> ${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-page10-J4XLAb"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page10-z1n7iG">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page10-9LtdqN"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-cRu0qs">${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-page10-atVMai"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-P3YHRp">${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-page10-Vi6Ajl"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-1gMYMF">${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-page10-X0ZFDX"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-EXBZzR">${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-page10-3bxVOl"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-ZHALto">${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-page10-giImEt"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-meE8mH"> ${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-page10-mRIMNa"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-vuG5LE">${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-page10-oW591V"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-48bNMH"> ${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-page10-IXWllC"> <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-page10-cyxMki"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-2FvPBY" 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-page10-PoKtA0"> <span data-ph-id="ph-page-element-page10-tGANrF"> ${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-page10-wcwWA7"></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-page10-kCqIRx"> <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-page10-MAGdBj"> ${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-page10-58yPD1"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page10-TxWw1B">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page10-yckLKf">${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-page10-GoPhyi"></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-page10-FMbgfi">${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-page10-EB4qiW">${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-page10-9fNKuE">${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-page10-uCwaat">${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-page10-HAPuL3">${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-page10-HtfqLZ"> <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-page10-MtyJKx"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-IziNF5" 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-page10-sVfHDh"> <span data-ph-id="ph-page-element-page10-RJPxvU"> ${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-page10-DfoN5L"></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-page10-MlDLDJ"> <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-page10-OfMinR"> ${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-page10-S2olro"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page10-wy1k2b"> <span data-ph-id="ph-page-element-page10-m5h2hC"> <span class="sr-only" data-ph-id="ph-page-element-page10-MY5bLd"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page10-ooaghv">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page10-ZxFNUQ">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-Gr8YL2">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-QbDazE">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page10-JZBkK2">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page10-Tlynso">${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-page10-twUeQF"></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-page10-4V8v5n"> <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-page10-gDt3QT"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page10-vJIpIM"></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-page10-vQ5oew"></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-page10-ooUZUB"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-SyFx0g"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-e8n3Vg"></i> <span class="tag-label" data-ph-id="ph-page-element-page10-HApLox">${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-page10-TuzReI"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page10-Qxvpxy"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page10-3s6415"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-bupF7m"> <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-page10-HuEeSO"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page10-jHzSjo">${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-page10-WEBjhw"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page10-DqGFp4"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page10-pXEXRt"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-8o8vam"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page10-SKp9BP"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-lb9xxU" data-ph-at-id="share-job-button-text" instance-id="iAuvhX-bAQbH8" data-ph-id="ph-page-element-page10-7MEYUf">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-qIs828"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page10-Xm8PM3" 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-page10-YFbDwe"></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-page10-ZAi0T1"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page10-xPZJOA"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page10-E1spDJ"> <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-page10-7swLXI" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page10-ZTZMBz"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-1XN4n5"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-rb5ser"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page10-tPJIPk">${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-page10-pZR6zy"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-hsMwCj"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-Y4sVpF"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page10-OezDU4">${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-page10-x9d5a0"> <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-page10-vDRLdO"> <span class="sr-only" data-ph-id="ph-page-element-page10-Ll6hSc">${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-page10-miODet"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page10-EWL6iZ"> ${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-page10-2sQ7AE"> <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-page10-AERC9k"> <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-page10-eUdEgI"> <div class="modal-dialog" data-ph-id="ph-page-element-page10-6mOkZC"> <div class="popup-content-block" data-ph-id="ph-page-element-page10-mZcSOH"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-near-by-jobs-v2-default-qi5top-pWamZv" instance-id="iAuvhX-pzlLSQ" data-ph-id="ph-page-element-page10-9cfTZs"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-MB3SQB"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page10-lu32cm"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-near-by-jobs-v2-default-qi5top-swBOY2" key-aria-level="ph-near-by-jobs-v2-default-qi5top-3Wlp2q" instance-id="iAuvhX-IFu2ic" data-ph-id="ph-page-element-page10-iZ5zT3"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page10-RZ1bqQ"> <div class="job-location-count" data-ph-id="ph-page-element-page10-KG6rlj"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page10-VOVJu5"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page10-p563SW"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page10-NejAIE"> <span data-ph-id="ph-page-element-page10-ITXjrK"> <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-page10-jDIx59"></i> </span> <span data-ph-id="ph-page-element-page10-0QUIlI"> ${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-page10-VdDJxm"> <span class="sr-only" data-ph-id="ph-page-element-page10-GbSgpT">${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-page10-apMzVs"></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-page10-4x18kE">${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-page10-LFj5QE">${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-page10-tA1Nmf">${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-page10-8GBeTW">${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-page10-21svpo"> ${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-page10-jzuHVI"> <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-page10-XKWFU5"> <div class="modal-dialog" data-ph-id="ph-page-element-page10-sFSxXW"> <div class="popup-content-block" data-ph-id="ph-page-element-page10-SNhSpE"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-near-by-jobs-v2-default-qi5top-qSajFU" instance-id="iAuvhX-7ECcMi" data-ph-id="ph-page-element-page10-YfTCb4"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-OPGSzY"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page10-nFmLOP"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-near-by-jobs-v2-default-qi5top-nNM3m2" key-aria-level="ph-near-by-jobs-v2-default-qi5top-VswJdM" instance-id="iAuvhX-Sj7JBy" data-ph-id="ph-page-element-page10-dkNJKA"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page10-Tk5rzW"> <div class="job-location-count" data-ph-id="ph-page-element-page10-8eaM4h"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page10-lebn6J"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page10-NqInMx"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page10-ti8DsD"> <span data-ph-id="ph-page-element-page10-5glll7"> <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-page10-jrcbDD"></i> </span> <span data-ph-id="ph-page-element-page10-Y55gjV"> ${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-page10-Ht13Y4"> <div aria-atomic="true" aria-live="assertive" instance-id="XZsxci" data-ph-id="ph-page-element-page10-TbRAF4"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-HjD57T" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-near-by-jobs-v2-default-qi5top-GJYbbI" data-ph-at-id="seemore-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-IyuQvT" instance-id="XZsxci-sFBxdU" data-ph-id="ph-page-element-page10-r5muHf"> <!-- <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-page10-QjIFRa"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-HLEGBr"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-RGoMa4" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-near-by-jobs-v2-default-qi5top-GSzEYn" data-ph-at-id="seeless-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-pHzQUv" instance-id="XZsxci-WdE8K5" data-ph-id="ph-page-element-page10-8bdHHY"> <!-- <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-page10-eTRa7e"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-fIkwFE"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-NA0KHq" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-near-by-jobs-v2-default-qi5top-Zw4nvN" data-ph-at-id="seenext-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-k0DAXA" instance-id="XZsxci-3s9Gme" data-ph-id="ph-page-element-page10-pKOSzM"> <!-- <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-page10-WVo8Q2"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-ceBAEQ"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-zcKN7K" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-near-by-jobs-v2-default-qi5top-dIFA4d" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-YivwbS" instance-id="XZsxci-B4GWMg" data-ph-id="ph-page-element-page10-CufltE"> <!-- <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-page10-7oudMK"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-ubCvFc"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page10-HEQwed"> <p data-ph-id="ph-page-element-page10-kEeGdU"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-kk0i4S" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page10-ODSWIn"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recom-jobs-browsing-history-v3-1694028466804-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-394245978468360-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="P4Trev-RsRJeN-ph-recom-jobs-browsing-history-v3-default-widgetHeadingText" show.bind="!showLoader && jobResults.length" data-ph-id="ph-widget-element-394245978468360-3"> <div class="widget-container" data-ph-id="ph-widget-element-394245978468360-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-394245978468360-5"> <ppc-content key="rPfz4i-RsRJeN-ph-recom-jobs-browsing-history-v3-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-394245978468360-7"><h1 data-ph-id="ph-widget-element-394245978468360-6" ph-element-dummy-ele="true">Jobs based on your browsing history</h1></ppc-content> </div> <div class="content-block" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-10"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="MhprP5" data-ph-id="ph-widget-element-394245978468360-11"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-394245978468360-12"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-14"> </img></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-394245978468360-15"> <div class="information" data-ph-id="ph-widget-element-394245978468360-16"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-widget-element-394245978468360-17"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-394245978468360-18"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-394245978468360-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-394245978468360-20"> </img></div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-22"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-394245978468360-23"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-24"></i> <span class="tag-label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-26"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-29"></i> <span class="tag-label" data-ph-id="ph-widget-element-394245978468360-30">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="RsRJeN-ph-recom-jobs-browsing-history-v3-MhprP5-GSYYkV-default-headingRole" aria-level="3" key-aria-level="RsRJeN-ph-recom-jobs-browsing-history-v3-MhprP5-GSYYkV-default-headingAriaLevelValue" instance-id="MhprP5-GSYYkV" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-32"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-394245978468360-33"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-35"></i> <span data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-39"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-41"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-43"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-45"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-47"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-49"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-51"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-394245978468360-52">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-394245978468360-53"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-55"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-57"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-59"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-61"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-63"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-65"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-67"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-69"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-70">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-72"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-394245978468360-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-79"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-82"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-84"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-86"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-90"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-92"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-94"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-96"> <span class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-98"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-394245978468360-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-104"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-106"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-108"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-394245978468360-109">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-394245978468360-110"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-112"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-114"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-116"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-118"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-120"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-122"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-124"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-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="RsRJeN-ph-recom-jobs-browsing-history-v3-MhprP5-P1Awxu-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="MhprP5-P1Awxu" data-ph-id="ph-widget-element-394245978468360-128"> <span data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-133"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-widget-element-394245978468360-134">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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="RsRJeN-ph-recom-jobs-browsing-history-v3-MhprP5-Mdu3o9-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="MhprP5-Mdu3o9" data-ph-id="ph-widget-element-394245978468360-144"> <span data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-149"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-394245978468360-150"> <span data-ph-id="ph-widget-element-394245978468360-151"> <span class="sr-only" data-ph-id="ph-widget-element-394245978468360-152"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-widget-element-394245978468360-153">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-widget-element-394245978468360-154">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-394245978468360-155">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-394245978468360-156">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-widget-element-394245978468360-157">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-161"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-164"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-394245978468360-165"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-166"></i> <span class="tag-label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-168"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-394245978468360-169"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-394245978468360-170"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-172"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-174"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-394245978468360-175"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-177"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-widget-element-394245978468360-178"> <ppc-content key="RsRJeN-ph-recom-jobs-browsing-history-v3-MhprP5-BnvNSk-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="MhprP5-BnvNSk" data-ph-id="ph-widget-element-394245978468360-179">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-394245978468360-180"> <section class="ph-widget" instance-id="hgYVNq" original-view="default" view="394245872659145-default" data-ph-id="ph-widget-element-394245978468360-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="394245872659145-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="hgYVNq" original-view="default" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-183"> <div class="savejob-checkbox" data-ph-id="ph-widget-element-394245978468360-184"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-186"> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-188"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-189"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-192"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-193"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-394245978468360-194">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </input></label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-196"> <span class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-198"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-202"> <div class="modal-dialog" data-ph-id="ph-widget-element-394245978468360-203"> <div class="popup-content-block" data-ph-id="ph-widget-element-394245978468360-204"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="RsRJeN-ph-recom-jobs-browsing-history-v3-MhprP5-X1V19M-default-closePopupAriaLabelText" instance-id="MhprP5-X1V19M" data-ph-id="ph-widget-element-394245978468360-205"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-206"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-394245978468360-207"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="RsRJeN-ph-recom-jobs-browsing-history-v3-MhprP5-dvNFEM-default-headingModalRole" key-aria-level="RsRJeN-ph-recom-jobs-browsing-history-v3-MhprP5-dvNFEM-default-headingModalAriaLevel" instance-id="MhprP5-dvNFEM" data-ph-id="ph-widget-element-394245978468360-208"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-394245978468360-209"> <div class="job-location-count" data-ph-id="ph-widget-element-394245978468360-210"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-394245978468360-211"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-213"> <span data-ph-id="ph-widget-element-394245978468360-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-394245978468360-215"></i> </span> <span data-ph-id="ph-widget-element-394245978468360-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-394245978468360-217"> <span class="sr-only" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-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-394245978468360-226"> <div class="modal-dialog" data-ph-id="ph-widget-element-394245978468360-227"> <div class="popup-content-block" data-ph-id="ph-widget-element-394245978468360-228"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="RsRJeN-ph-recom-jobs-browsing-history-v3-MhprP5-sU60y1-default-closeCategoryPopupAriaLabelText" instance-id="MhprP5-sU60y1" data-ph-id="ph-widget-element-394245978468360-229"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-230"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-394245978468360-231"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="RsRJeN-ph-recom-jobs-browsing-history-v3-MhprP5-NQJbFR-default-headingModalRole" key-aria-level="RsRJeN-ph-recom-jobs-browsing-history-v3-MhprP5-NQJbFR-default-headingModalAriaLevel" instance-id="MhprP5-NQJbFR" data-ph-id="ph-widget-element-394245978468360-232"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-394245978468360-233"> <div class="job-location-count" data-ph-id="ph-widget-element-394245978468360-234"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-394245978468360-235"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-237"> <span data-ph-id="ph-widget-element-394245978468360-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-394245978468360-239"></i> </span> <span data-ph-id="ph-widget-element-394245978468360-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-394245978468360-241"> <div aria-atomic="true" aria-live="assertive" instance-id="xJlBKQ" data-ph-id="ph-widget-element-394245978468360-242"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-hzCHup-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-hzCHup-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-hzCHup-default-button-role-see-more" instance-id="xJlBKQ-hzCHup" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-244"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-245"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-J2QeW9-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-J2QeW9-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-J2QeW9-default-button-role-see-less" instance-id="xJlBKQ-J2QeW9" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-247"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-248"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-fmDKkD-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-fmDKkD-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-fmDKkD-default-button-role-see-next" instance-id="xJlBKQ-fmDKkD" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-250"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-251"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-637WAI-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-637WAI-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="RsRJeN-ph-recom-jobs-browsing-history-v3-xJlBKQ-637WAI-default-button-role-see-evenmore" instance-id="xJlBKQ-637WAI" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-253"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-394245978468360-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-394245978468360-255"> <p data-ph-id="ph-widget-element-394245978468360-256"> <ppc-content key="RsRJeN-ph-recom-jobs-browsing-history-v3-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-394245978468360-257"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-394245872659145-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-394245872659145-2"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-widget-element-394245872659145-3"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-394245872659145-4"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="hgYVNq-ph-social-share-v3-default-headingRole" aria-level="2" key-aria-level="hgYVNq-ph-social-share-v3-default-headingLevelAria" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-widget-element-394245872659145-5"> <ppc-content key="hgYVNq-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-394245872659145-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-394245872659145-7"> <ppc-content key="hgYVNq-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-394245872659145-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-394245872659145-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-394245872659145-10"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-widget-element-394245872659145-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-394245872659145-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-394245872659145-13"></i> <span class="sr-only" data-ph-id="ph-widget-element-394245872659145-14"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-widget-element-394245872659145-15">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="yx5KiN" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" original-view="view3" view="394245823966755-view3" data-ph-id="ph-widget-element-394245872659145-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="394245823966755-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="yx5KiN" original-view="view3" data-ph-id="ph-widget-element-394245872659145-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-394245872659145-18"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-394245872659145-19"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-394245872659145-20"> <div class="head-wrapper" data-ph-id="ph-widget-element-394245872659145-21"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-widget-element-394245872659145-22"> <ppc-content key="hgYVNq-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-394245872659145-23">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="hgYVNq-ph-social-share-v3-default-closeDialogAriaLabel" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-394245872659145-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-394245872659145-25"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-widget-element-394245872659145-26"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-394245872659145-27"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-widget-element-394245872659145-28"> <ppc-content key="hgYVNq-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-394245872659145-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-394245872659145-30"><ppc-content key="hgYVNq-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-394245872659145-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-394245872659145-32" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-widget-element-394245872659145-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-394245872659145-34"><ppc-content key="hgYVNq-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-394245872659145-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-394245872659145-36"><ppc-content key="hgYVNq-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-394245872659145-37">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-394245823966755-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-394245823966755-2"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-394245823966755-3"> <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-394245823966755-4"> <div class="modal-content" data-ph-id="ph-widget-element-394245823966755-5"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-394245823966755-8"></i> <span class="sr-only" data-ph-id="ph-widget-element-394245823966755-9"><ppc-content key="yx5KiN-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-394245823966755-10">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-widget-element-394245823966755-11"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-394245823966755-12"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-394245823966755-13"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-15"> <div class="content-block" data-ph-id="ph-widget-element-394245823966755-16"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-394245823966755-17"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-widget-element-394245823966755-18"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-20"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-394245823966755-21"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-394245823966755-22"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-widget-element-394245823966755-23"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-394245823966755-24"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-widget-element-394245823966755-25"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-394245823966755-26"> <label for="email-job-name" data-ph-id="ph-widget-element-394245823966755-27"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-394245823966755-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="yx5KiN-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="yx5KiN-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-394245823966755-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-394245823966755-30"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-32"> <label for="email-job-email" data-ph-id="ph-widget-element-394245823966755-33"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-394245823966755-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="yx5KiN-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-394245823966755-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-394245823966755-36"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-emailShouldNotBeEmptyText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-38"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-pleaseEnterAValidEmailText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-394245823966755-39"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-41"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-43"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-45"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-394245823966755-46"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-394245823966755-47"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-394245823966755-48"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-394245823966755-49"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-51"> <span class="sr-only required-text" data-ph-id="ph-widget-element-394245823966755-52"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-394245823966755-53"> <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-394245823966755-54"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-394245823966755-55">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-394245823966755-56"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-58"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-394245823966755-59"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-394245823966755-60"> <i class="icon icon-check" data-ph-id="ph-widget-element-394245823966755-61"></i> <h3 data-ph-id="ph-widget-element-394245823966755-62"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-394245823966755-63">Success!</ppc-content> </h3> <p data-ph-id="ph-widget-element-394245823966755-64"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-66"> <ppc-content key="10jmgm-yx5KiN-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-394245823966755-67">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-394245823966755-68"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-394245823966755-69"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-widget-element-394245823966755-70"> <i class="icon icon-cancel" data-ph-id="ph-widget-element-394245823966755-71"></i> <h3 data-ph-id="ph-widget-element-394245823966755-72"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-394245823966755-73">Failure!</ppc-content> </h3> <p data-ph-id="ph-widget-element-394245823966755-74"> <ppc-content key="yx5KiN-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-76"> <ppc-content key="4bW8yF-yx5KiN-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-78"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-80"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-394245823966755-81"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-394245823966755-82"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-widget-element-394245823966755-83"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-85"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-394245823966755-86"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-394245823966755-87"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-394245823966755-88"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-394245823966755-89"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-394245823966755-90">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-widget-element-394245823966755-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-394245823966755-92"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-394605649412454-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-394605649412454-2"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-widget-element-394605649412454-3"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-394605649412454-4"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="LD0Wsa-ph-social-share-v3-default-headingRole" aria-level="2" key-aria-level="LD0Wsa-ph-social-share-v3-default-headingLevelAria" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-widget-element-394605649412454-5"> <ppc-content key="LD0Wsa-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-394605649412454-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-394605649412454-7"> <ppc-content key="LD0Wsa-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-394605649412454-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-394605649412454-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-394605649412454-10"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-widget-element-394605649412454-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-394605649412454-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-394605649412454-13"></i> <span class="sr-only" data-ph-id="ph-widget-element-394605649412454-14"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-widget-element-394605649412454-15">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="3hK5R7" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" original-view="view3" view="394605592023111-view3" data-ph-id="ph-widget-element-394605649412454-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="394605592023111-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="3hK5R7" original-view="view3" data-ph-id="ph-widget-element-394605649412454-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-394605649412454-18"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-394605649412454-19"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-394605649412454-20"> <div class="head-wrapper" data-ph-id="ph-widget-element-394605649412454-21"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-widget-element-394605649412454-22"> <ppc-content key="LD0Wsa-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-394605649412454-23">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="LD0Wsa-ph-social-share-v3-default-closeDialogAriaLabel" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-394605649412454-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-394605649412454-25"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-widget-element-394605649412454-26"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-394605649412454-27"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-widget-element-394605649412454-28"> <ppc-content key="LD0Wsa-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-394605649412454-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-394605649412454-30"><ppc-content key="LD0Wsa-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-394605649412454-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-394605649412454-32" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-widget-element-394605649412454-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-394605649412454-34"><ppc-content key="LD0Wsa-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-394605649412454-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-394605649412454-36"><ppc-content key="LD0Wsa-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-394605649412454-37">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-394605592023111-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-394605592023111-2"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-394605592023111-3"> <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-394605592023111-4"> <div class="modal-content" data-ph-id="ph-widget-element-394605592023111-5"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-394605592023111-8"></i> <span class="sr-only" data-ph-id="ph-widget-element-394605592023111-9"><ppc-content key="3hK5R7-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-394605592023111-10">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-widget-element-394605592023111-11"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-394605592023111-12"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-394605592023111-13"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-15"> <div class="content-block" data-ph-id="ph-widget-element-394605592023111-16"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-394605592023111-17"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-widget-element-394605592023111-18"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-20"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-394605592023111-21"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-394605592023111-22"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-widget-element-394605592023111-23"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-394605592023111-24"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-widget-element-394605592023111-25"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-394605592023111-26"> <label for="email-job-name" data-ph-id="ph-widget-element-394605592023111-27"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-394605592023111-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="3hK5R7-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="3hK5R7-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-394605592023111-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-394605592023111-30"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-32"> <label for="email-job-email" data-ph-id="ph-widget-element-394605592023111-33"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-394605592023111-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="3hK5R7-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-394605592023111-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-394605592023111-36"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-emailShouldNotBeEmptyText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-38"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-pleaseEnterAValidEmailText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-394605592023111-39"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-41"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-43"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-45"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-394605592023111-46"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-394605592023111-47"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-394605592023111-48"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-394605592023111-49"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-51"> <span class="sr-only required-text" data-ph-id="ph-widget-element-394605592023111-52"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-394605592023111-53"> <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-394605592023111-54"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-394605592023111-55">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-394605592023111-56"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-58"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-394605592023111-59"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-394605592023111-60"> <i class="icon icon-check" data-ph-id="ph-widget-element-394605592023111-61"></i> <h3 data-ph-id="ph-widget-element-394605592023111-62"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-394605592023111-63">Success!</ppc-content> </h3> <p data-ph-id="ph-widget-element-394605592023111-64"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-66"> <ppc-content key="Zzz7pk-3hK5R7-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-394605592023111-67">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-394605592023111-68"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-394605592023111-69"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-widget-element-394605592023111-70"> <i class="icon icon-cancel" data-ph-id="ph-widget-element-394605592023111-71"></i> <h3 data-ph-id="ph-widget-element-394605592023111-72"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-394605592023111-73">Failure!</ppc-content> </h3> <p data-ph-id="ph-widget-element-394605592023111-74"> <ppc-content key="3hK5R7-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-76"> <ppc-content key="XTL9fA-3hK5R7-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-78"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-80"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-394605592023111-81"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-394605592023111-82"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-widget-element-394605592023111-83"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-85"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-394605592023111-86"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-394605592023111-87"></span> <span class="checkbox-text" data-ph-id="ph-widget-element-394605592023111-88"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-394605592023111-89"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-394605592023111-90">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-widget-element-394605592023111-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-394605592023111-92"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recently-viewed-jobs-v3-1694028826573-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-394605754038866-2"></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="agwIgN-C7gZZj-ph-recently-viewed-jobs-v3-default-widgetHeadingText" data-ph-id="ph-widget-element-394605754038866-3"> <div class="widget-container" data-ph-id="ph-widget-element-394605754038866-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-394605754038866-5"> <h2 data-ph-id="ph-widget-element-394605754038866-6"> <ppc-content key="agdIuM-C7gZZj-ph-recently-viewed-jobs-v3-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-394605754038866-7"> Recently Viewed Jobs </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-10"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="Pbag3V" data-ph-id="ph-widget-element-394605754038866-11"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-394605754038866-12"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-15"> <div class="information" data-ph-id="ph-widget-element-394605754038866-16"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-widget-element-394605754038866-17"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-394605754038866-18"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-394605754038866-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-394605754038866-20" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-22"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-394605754038866-23"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-24"></i> <span class="tag-label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-26"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-29"></i> <span class="tag-label" data-ph-id="ph-widget-element-394605754038866-30">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="C7gZZj-ph-recently-viewed-jobs-v3-Pbag3V-bTKjzM-default-headingRole" aria-level="3" key-aria-level="C7gZZj-ph-recently-viewed-jobs-v3-Pbag3V-bTKjzM-default-headingAriaLevelValue" instance-id="Pbag3V-bTKjzM" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-32"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-394605754038866-33"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-35"></i> <span data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-39"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-41"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-43"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-45"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-47"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-49"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-51"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-394605754038866-52">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-394605754038866-53"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-55"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-57"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-59"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-61"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-63"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-65"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-67"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-69"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-70">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-72"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-394605754038866-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-79"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-82"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-84"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-86"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-90"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-92"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-94"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-96"> <span class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-98"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-394605754038866-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-104"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-106"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-108"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-394605754038866-109">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-394605754038866-110"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-112"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-114"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-116"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-118"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-120"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-122"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-124"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-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="C7gZZj-ph-recently-viewed-jobs-v3-Pbag3V-ADSvxY-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="Pbag3V-ADSvxY" data-ph-id="ph-widget-element-394605754038866-128"> <span data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-133"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-widget-element-394605754038866-134">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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="C7gZZj-ph-recently-viewed-jobs-v3-Pbag3V-8QUINr-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="Pbag3V-8QUINr" data-ph-id="ph-widget-element-394605754038866-144"> <span data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-149"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-394605754038866-150"> <span data-ph-id="ph-widget-element-394605754038866-151"> <span class="sr-only" data-ph-id="ph-widget-element-394605754038866-152"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-widget-element-394605754038866-153">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-widget-element-394605754038866-154">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-394605754038866-155">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-394605754038866-156">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-widget-element-394605754038866-157">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-161"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-164"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-394605754038866-165"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-166"></i> <span class="tag-label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-168"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-394605754038866-169"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-394605754038866-170"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-172"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-174"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-394605754038866-175"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-177"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-widget-element-394605754038866-178"> <ppc-content key="C7gZZj-ph-recently-viewed-jobs-v3-Pbag3V-98F3Q4-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="Pbag3V-98F3Q4" data-ph-id="ph-widget-element-394605754038866-179">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-394605754038866-180"> <section class="ph-widget" instance-id="LD0Wsa" original-view="default" view="394605649412454-default" data-ph-id="ph-widget-element-394605754038866-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="394605649412454-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="LD0Wsa" original-view="default" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-183"> <div class="savejob-checkbox" data-ph-id="ph-widget-element-394605754038866-184"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-186" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-188"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-189"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-192"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-193"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-196"> <span class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-198"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-202"> <div class="modal-dialog" data-ph-id="ph-widget-element-394605754038866-203"> <div class="popup-content-block" data-ph-id="ph-widget-element-394605754038866-204"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="C7gZZj-ph-recently-viewed-jobs-v3-Pbag3V-m9dabe-default-closePopupAriaLabelText" instance-id="Pbag3V-m9dabe" data-ph-id="ph-widget-element-394605754038866-205"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-206"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-394605754038866-207"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="C7gZZj-ph-recently-viewed-jobs-v3-Pbag3V-hxzzbf-default-headingModalRole" key-aria-level="C7gZZj-ph-recently-viewed-jobs-v3-Pbag3V-hxzzbf-default-headingModalAriaLevel" instance-id="Pbag3V-hxzzbf" data-ph-id="ph-widget-element-394605754038866-208"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-394605754038866-209"> <div class="job-location-count" data-ph-id="ph-widget-element-394605754038866-210"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-394605754038866-211"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-213"> <span data-ph-id="ph-widget-element-394605754038866-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-394605754038866-215"></i> </span> <span data-ph-id="ph-widget-element-394605754038866-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-394605754038866-217"> <span class="sr-only" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-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-394605754038866-226"> <div class="modal-dialog" data-ph-id="ph-widget-element-394605754038866-227"> <div class="popup-content-block" data-ph-id="ph-widget-element-394605754038866-228"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="C7gZZj-ph-recently-viewed-jobs-v3-Pbag3V-rgPmrL-default-closeCategoryPopupAriaLabelText" instance-id="Pbag3V-rgPmrL" data-ph-id="ph-widget-element-394605754038866-229"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-230"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-394605754038866-231"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="C7gZZj-ph-recently-viewed-jobs-v3-Pbag3V-GQcFQN-default-headingModalRole" key-aria-level="C7gZZj-ph-recently-viewed-jobs-v3-Pbag3V-GQcFQN-default-headingModalAriaLevel" instance-id="Pbag3V-GQcFQN" data-ph-id="ph-widget-element-394605754038866-232"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-394605754038866-233"> <div class="job-location-count" data-ph-id="ph-widget-element-394605754038866-234"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-394605754038866-235"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-237"> <span data-ph-id="ph-widget-element-394605754038866-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-394605754038866-239"></i> </span> <span data-ph-id="ph-widget-element-394605754038866-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-394605754038866-241"> <div aria-atomic="true" aria-live="assertive" instance-id="46WvA1" data-ph-id="ph-widget-element-394605754038866-242"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-yDudl9-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-yDudl9-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-yDudl9-default-button-role-see-more" instance-id="46WvA1-yDudl9" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-244"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-245"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-r4yhvn-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-r4yhvn-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-r4yhvn-default-button-role-see-less" instance-id="46WvA1-r4yhvn" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-247"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-248"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-pPFFqf-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-pPFFqf-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-pPFFqf-default-button-role-see-next" instance-id="46WvA1-pPFFqf" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-250"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-251"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-zgmqsB-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-zgmqsB-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="C7gZZj-ph-recently-viewed-jobs-v3-46WvA1-zgmqsB-default-button-role-see-evenmore" instance-id="46WvA1-zgmqsB" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-253"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-394605754038866-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-394605754038866-255"> <p data-ph-id="ph-widget-element-394605754038866-256"> <ppc-content key="C7gZZj-ph-recently-viewed-jobs-v3-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-394605754038866-257"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1663479082334-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page10-J5sMKr"> <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-QSvo7h" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page10-aeo5Ib"> <span class="action-icon" data-ph-id="ph-page-element-page10-XYMMaZ"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page10-wALtFw"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload-fyf3jd-w3khfj" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page10-EhdmH2">Upload new </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1663479082335-external-upload-resume" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page10-gG6Ey3"> <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--kzMmJr" data-ph-at-id="upload-resume-button" data-ph-id="ph-page-element-page10-yF3fhe"> <div class="dropzone-content" data-ph-id="ph-page-element-page10-a6yOAD"> <div class="content-holder" data-ph-id="ph-page-element-page10-dQibas"> <span data-ph-id="ph-page-element-page10-kwKNTy"> <ppc-content key="ph-import-resume-v1-external-upload-resume--K8TGG3" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-page-element-page10-yDUzo1">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1663479082345-upload-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page10-bjvrEU"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page10-m20Ba0"> <ppc-content key="ph-import-resume-v1-upload-new--mgImHG" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page10-0kTHzw">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1663479082346-view4" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page10-xcw3Dh"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-page-element-page10-wfySXB"> <!-- 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-page10-e4rokX"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-page-element-page10-tUFVLR"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page10-MDNVov"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page10-ntvrD4"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page10-7NLx1W"> <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--pxErGV" data-ph-id="ph-page-element-page10-sIRIpP"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-CFUYGc"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page10-ezJX82"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page10-vVEpf9"> <ppc-content key="ph-social-connect-v1-view4--6bV9Y9" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page10-46NeQK"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page10-CBr4iS"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page10-JPIBmv"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page10-SgE3Um"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page10-LFc4fC"> <ppc-content key="ph-social-connect-v1-view4--uOS8P4" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page10-A2kp5H"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page10-Yi3m76"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page10-p07An4"> ${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-page10-3Q0srF"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page10-CFUUcC"> <span class="social-alert-msg" data-ph-id="ph-page-element-page10-4fp7HC"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view4--e9MUzO" data-ph-id="ph-page-element-page10-qMypm3"> <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--rdOnje" data-ph-id="ph-page-element-page10-xTvZV5"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page10-9AV1Ex"> <div class="icon-block" data-ph-id="ph-page-element-page10-wXXnV0"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page10-pHLJyI"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page10-nLAAQS"> ${widgetBundle[eachSocial.name] | pht} </div> </a> </li> </ul> </div> </div> </div> <!-- Social Connet Area Ends --> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-1663479082357-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page10-eiGILu"> <div class="widget-container" data-ph-id="ph-page-element-page10-UjSNpe"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page10-N2i5zz"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-page-element-page10-loTMbm"> <div class="fyf-step-block" data-ph-id="ph-page-element-page10-w55wPM"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-0lMHH3"> </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-page10-0FFpBm"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-page-element-page10-0AE5rX"> <div class="heading-block" data-ph-id="ph-page-element-page10-76M2B9"> <!-- <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-page10-0IDc9V"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0Y7noa" data-ph-id="ph-page-element-page10-VUpu5U" language-overriden="true"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-page-element-page10-3CdUEv"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page10-yjILW5"></i> <span data-ph-id="ph-page-element-page10-ijn9Fm"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-fPzSDJ" data-ph-id="ph-page-element-page10-eYBYY9" language-overriden="true"> 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-page10-y2XT7t"> <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="1663479082780-view5" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-page-element-page10-Gq5MHI"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page10-ZBwHGT"> <div class="prev" data-ph-id="ph-page-element-page10-y84Lbw"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-jVdG82" data-ph-at-id="back-link" data-ph-id="ph-page-element-page10-nKIpFB"> <span data-ph-id="ph-page-element-page10-6NcLg5"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page10-JscNjn"></i> </span> </a> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' && !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-page-element-page10-KzV3Sl"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page10-YM9iQJ"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page10-guPYCn"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page10-6DANzW"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-V4dezo" data-ph-at-id="error-text" data-ph-id="ph-page-element-page10-BOYJ3l" language-overriden="true">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-page10-lSF2NK"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-pUvG7O" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-TEr7az" language-overriden="true"><h2 class="ph-a11y-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfCategories" tabindex="-1" data-ph-id="ph-page-element-page10-lSF2NK" style="" ph-element-dummy-ele="true">What are you interested in?</h2></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-page10-hccFHt"> <legend class="sr-only" data-ph-id="ph-page-element-page10-VQakLB"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-canX5M" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-UEnsvr" language-overriden="true">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-page-element-page10-ZKJ0lI"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-zv8VYY" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page10-awpvQO" language-overriden="true">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-page10-IeJfW8"> <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-page10-WSuqMT" /> <span class="cat-text" data-ph-id="ph-page-element-page10-dIniaz">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-page-element-page10-KYBl5n"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page10-WZguyT"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page10-nctHVU"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page10-mgufiw"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page10-xVkzEp"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-C3Zn6Y" 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-page10-eK6dnI" language-overriden="true">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-VU9mmk" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page10-53SkLA" language-overriden="true">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page10-DgwW9H"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-OaSwoj" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page10-Oe7S1P" language-overriden="true">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page10-F6O01x"> <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-Jc10bO" data-ph-at-id="back-link" data-ph-id="ph-page-element-page10-ZV9hN2"> <span data-ph-id="ph-page-element-page10-flKAZX"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page10-WOqkwh"></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-page10-cEliSV"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page10-ylNiiX"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page10-2M3PyG"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page10-2GV9x7"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-y2TulK" data-ph-at-id="error-text" data-ph-id="ph-page-element-page10-iAFGPv" language-overriden="true">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-page10-6KVez4"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uCapYT" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-OiPb3L" language-overriden="true">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-PxCWdt" aria-labelledby="phFyfSubCategories" data-ph-id="ph-page-element-page10-PxdaeM"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-page-element-page10-9bB6gv"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-6YLOoD" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page10-lqnWzg" language-overriden="true">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-page10-dcBGxy"> <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-page10-HbkJdG" /> <span class="cat-text" data-ph-id="ph-page-element-page10-y4n57t">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-page-element-page10-g2yXnH"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page10-gmNU4B"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page10-2o34Na"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page10-Lm8Isi"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page10-9B9hyi"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-cJ7u9P" 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-page10-Kc6BS1" language-overriden="true">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-v1oUTe" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page10-OcCBXW" language-overriden="true">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page10-6XurBd"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ySXtjU" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page10-51ec1q" language-overriden="true">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page10-mLXdR6"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-CeM2YI" data-ph-at-id="back-link" data-ph-id="ph-page-element-page10-2zKHGA"> <span data-ph-id="ph-page-element-page10-xlXTSQ"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page10-YsWDFZ"></i> </span> </a> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-page-element-page10-F5uHRX"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page10-kKddpY"> <!-- <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-page10-dZwxJY"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page10-ZYxfYl"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Fk7CrF" data-ph-at-id="error-text" data-ph-id="ph-page-element-page10-8rAlwz" language-overriden="true">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-page10-B5XEwm"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-A5WUW9" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-Pv1COG" language-overriden="true">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-page10-Um04po"> <label for="recentTitles" data-ph-id="ph-page-element-page10-BDNtFI"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-page-element-page10-NmGQFB"> <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-13TGqO" data-ph-id="ph-page-element-page10-VPkQQx"> <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-XrzD5O" 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-page10-Ianwp7"> </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-ZuOQPn" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page10-NAVsLA"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page10-O1E2UD"></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-page10-po2UsT"> <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-page10-rLvlon"></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-t0HkT8" data-ph-id="ph-page-element-page10-mK5Lbj" language-overriden="true">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-NdfsLV"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-page-element-page10-Dl2xXr"> ${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-DeZHdW" data-ph-id="ph-page-element-page10-AZAtBy" language-overriden="true"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-page-element-page10-nMl2aa"> <label class="input-radio-group" data-ph-id="ph-page-element-page10-4alw7x"> <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-dGQGiB" data-ph-id="ph-page-element-page10-a6glR4"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-Cx9e5U"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-6ChIXK"></span> <span class="radio-text" data-ph-id="ph-page-element-page10-UtvP6g"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-52MFlG" data-ph-at-id="radio-button-text" data-ph-id="ph-page-element-page10-dvwesB" language-overriden="true">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-page10-OD6twn"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page10-1rNkXD"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page10-3u9hQf"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Qbujfx" 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-page10-rWuz8k" language-overriden="true">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-SBXueC" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page10-RD5Jk4" language-overriden="true">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page10-vS3qAy"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-app82z" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page10-YrqwvS" language-overriden="true">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page10-56mCxD"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-07Jwh7" data-ph-at-id="back-link" data-ph-id="ph-page-element-page10-8H4XI8"> <span data-ph-id="ph-page-element-page10-QVHa2E"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page10-8LZaLq"></i> </span> </a> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-page-element-page10-2sleBJ"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page10-QHBRUA"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page10-qpqXSw"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page10-A00QQi"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ZowXIC" data-ph-at-id="error-text" data-ph-id="ph-page-element-page10-liwmXv" language-overriden="true">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-page10-fATDG6"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-07dbaF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-rO7vzB" language-overriden="true">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-page10-6u8Pry"> <label for="skills" data-ph-id="ph-page-element-page10-3ybAZY"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-page-element-page10-7lzEEO">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page10-ujJh7o"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-page-element-page10-DZcgAh"> ${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-page10-EWbR71"> <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-page10-c4iAnE"> <div role="list" data-ph-id="ph-page-element-page10-RWHL6I"> <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-page10-VLoXbt"> <span data-ph-id="ph-page-element-page10-GdLFuE">${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-D578lG" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-page-element-page10-MPhg9m"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-EiWaYI"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page10-A2BtgP"> <div data-ph-id="ph-page-element-page10-mkKmEC"> <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-HsfbSX" data-ph-id="ph-page-element-page10-UZpFx7"> <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-LBwhix" 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-page10-NlEPPG"> </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-qFNLRr" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page10-wJOAn8"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-NRq0a3"></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-page10-lsGi0p"> <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-page10-v2XTC8"></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-sok27P" data-ph-id="ph-page-element-page10-mH5baO" language-overriden="true">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-fT1A25"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page10-906kA9"> ${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-ZpZfxu" data-ph-id="ph-page-element-page10-2yAgOx" language-overriden="true"> 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-page10-eetXq4"> <div data-ph-id="ph-page-element-page10-2TBLXh"> <h3 class="suggested-heading" data-ph-id="ph-page-element-page10-IEOGDo"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-fYUa40" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-page-element-page10-c2ZDZA" language-overriden="true">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-page-element-page10-L57Ge1"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-page-element-page10-SnsYBW"> <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-page10-7BN9lg"> <span data-ph-id="ph-page-element-page10-pZtrCb">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page10-tTcbH6"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page10-CgnCsA"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page10-gojdad"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page10-N7yq5B"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-cQMp2S" 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-page10-diNlJd" language-overriden="true">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-A00ufY" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page10-UL5x2F" language-overriden="true">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page10-lsZZho"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Dx0ovN" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page10-p6lqI0" language-overriden="true">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page10-TAubUS"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Nh9Mix" data-ph-at-id="back-link" data-ph-id="ph-page-element-page10-QH5lvO"> <span data-ph-id="ph-page-element-page10-LsVlLA"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page10-ByNO7a"></i> </span> </a> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page10-WFw0vu"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page10-Z9dtsy"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page10-4jIDZY"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page10-i3VP8X"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-5F7gTx" data-ph-at-id="error-text" data-ph-id="ph-page-element-page10-jC2A6V" language-overriden="true">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-page10-WrBUBQ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-L0gL8w" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-iA5bPG" language-overriden="true">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-page10-I3NZk2"> <legend class="sr-only" data-ph-id="ph-page-element-page10-bi1YEO"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0dcEOQ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-3iIgnR" language-overriden="true">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-page-element-page10-JvVb63"> <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-page10-bkAdHY"> <span class="radio-text" data-ph-id="ph-page-element-page10-XKAe6k"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page10-CrIjhY">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-YOWVjj" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page10-NsDS5X" language-overriden="true"> Year </span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-KwxHHH" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page10-Ayd91X" language-overriden="true"> 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-page10-P1rZCo"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page10-F4CfFS"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page10-pkgnFw"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-HoI1Hh" 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-page10-4Ib7ra" language-overriden="true">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-6IfLSN" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page10-zxIJU5" language-overriden="true">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page10-psVzqV"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-HplRUE" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page10-gK6hL1" language-overriden="true">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page10-YYLg5j"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-hsjgUo" data-ph-at-id="back-link" data-ph-id="ph-page-element-page10-nwnkPv"> <span data-ph-id="ph-page-element-page10-N24hrf"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page10-IBoOyW"></i> </span> </a> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page10-y8vkVa"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page10-YoCEvu"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page10-iGYZV4"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page10-Yzgz2s"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-EJRxmO" data-ph-at-id="error-text" data-ph-id="ph-page-element-page10-PPH63S" language-overriden="true">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-page10-PbgILD"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-I1YiNV" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-FsbnU4" language-overriden="true">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="ph-find-your-fit-v1-default-6ty93o-JNqZvQ" 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-page10-zFpfyI"> <legend class="sr-only" data-ph-id="ph-page-element-page10-fy36mb"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-mZjONu" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-eNivVI" language-overriden="true">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-page10-a6dWNq"> <span class="check-mark" data-ph-id="ph-page-element-page10-SWC7AU"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page10-JCnsxn"></i> </span> <span class="radio-text" data-ph-id="ph-page-element-page10-Wdf2RK"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page10-rnpN8X">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-3hTTu7" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page10-ViKJ9l" language-overriden="true"> Year </span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-Qbpr1I" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page10-51Rz2B" language-overriden="true"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page10-s78NEp"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page10-Hgu8jE"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page10-C6X4eR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-VAsNon" 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-page10-Cqo6zx" language-overriden="true">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-qohmie" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page10-eN4iTD" language-overriden="true">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page10-ZTZoxc"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-IXgGVG" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page10-09BGdF" language-overriden="true">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page10-9u6yl4"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-olryXQ" data-ph-at-id="back-link" data-ph-id="ph-page-element-page10-YHHOFt"> <span data-ph-id="ph-page-element-page10-RXu1bK"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page10-WAWXYV"></i> </span> </a> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-page-element-page10-L8XQrd"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page10-YuxBwJ"> <!-- <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-page10-kIs7Bg"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page10-Uqh9cT"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-2y549F" data-ph-at-id="error-text" data-ph-id="ph-page-element-page10-lIvIHz" language-overriden="true">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-page10-baDr2z"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ApkfH3" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-LuCxQx" language-overriden="true">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-page10-xBaOpl"> <label for="locations" data-ph-id="ph-page-element-page10-kRJTpw"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-page-element-page10-wdB4j5">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page10-KlmXTz"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page10-jYo5cc"> ${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-page10-BLl0p3"> <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-page10-cj6WHI"> <div role="list" data-ph-id="ph-page-element-page10-nUjYEl"> <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-page10-XgHmBn"> <span data-ph-id="ph-page-element-page10-TBE7P2">${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-RHK4ZH" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-page-element-page10-kn2tLY"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-6yBJuL"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page10-v612iK"> <div data-ph-id="ph-page-element-page10-Uc63AP"> <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-ObKVBp" data-ph-id="ph-page-element-page10-JzSsaz"> <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-GSYIpr" 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-page10-jc7WBc"> </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-1ZJPmB" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page10-nhpg3x"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-ave8Al"></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-page10-qSmWtv"> <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-page10-JJBGYL"> </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-U36Fb3" data-ph-id="ph-page-element-page10-FH7Ril" language-overriden="true">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-YZODVM"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page10-ahnfsM"> ${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-Qb8i3W" data-ph-id="ph-page-element-page10-SufbyG" language-overriden="true"> 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-page10-k5OYeC"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page10-MGcekI"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page10-kBovbk"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-iPzthk" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page10-UUVa16" language-overriden="true">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-HzZ87S" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page10-22PWzI" language-overriden="true">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page10-cxCrJS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-kDTJME" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page10-IcC59P" language-overriden="true">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page10-nK86d4"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-EDme22" data-ph-at-id="back-link" data-ph-id="ph-page-element-page10-RFN4eZ"> <span data-ph-id="ph-page-element-page10-cjsJaj"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page10-laMqLq"></i> </span> </a> </div> </div> </div> <!-- End prefered Location Step --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page10-k5Xubi"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-page-element-page10-gl8XaN"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page10-ssWK1r"> <!-- <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-page10-PGjrjP"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page10-3Hhpth"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-FWFTEA" data-ph-at-id="error-text" data-ph-id="ph-page-element-page10-WPEZUU" language-overriden="true">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-page10-n0FmHQ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-jTf7HR" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page10-94JOXp" language-overriden="true">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-GtZ3Pp" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page10-lBb0Wv" language-overriden="true">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-page10-xu7GfM"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uRbTPi" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-O0PWPo" language-overriden="true">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-page10-w4htNn"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page10-kgKfZx"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-page-element-page10-U3KcK1"> <div data-ph-id="ph-page-element-page10-jXo8IH"> <label for="preferredName" data-ph-id="ph-page-element-page10-RLkXlB"> <span key="ph-find-your-fit-v1-default-6ty93o-kHisUK" class="sr-only" data-ph-id="ph-page-element-page10-nHowmb" language-overriden="true">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page10-K2FVMz"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ZVWRqS" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page10-sh2OYs" language-overriden="true"> Preferred name <span class="required" data-ph-id="ph-page-element-page10-XjBhRQ">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-avyLbM"> <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-Ilc3bA" 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-page10-0kopCF"> <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-page10-vazbR0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-pokeen" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-page-element-page10-MwHu2L" language-overriden="true">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-page10-KzhBAe"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-kGPE4g"> <div data-ph-id="ph-page-element-page10-szqQV5"> <label for="name" data-ph-id="ph-page-element-page10-wFhf3X"> <span key="ph-find-your-fit-v1-default-6ty93o-wf0zt3" class="sr-only" data-ph-id="ph-page-element-page10-QZn6UK" language-overriden="true">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page10-iV3Bud"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-x3rVsS" data-ph-at-id="name-text" data-ph-id="ph-page-element-page10-BWAvOo" language-overriden="true"> Full name <span class="required" data-ph-id="ph-page-element-page10-oUKUZV">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-Tw2Bv8"> <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-4uRskF" 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-page10-H6derq"> <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-page10-n4vUQV"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-x6arXv" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page10-7q8KgV" language-overriden="true">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-page10-HgjpaM"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-6Q3Kq2"> <div data-ph-id="ph-page-element-page10-WxtDrB"> <label for="email-1" data-ph-id="ph-page-element-page10-c4X1m6"> <span key="ph-find-your-fit-v1-default-6ty93o-jI7plv" class="sr-only" data-ph-id="ph-page-element-page10-EJj6kY" language-overriden="true">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page10-9GBEbb"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-NDgo6f" data-ph-at-id="email-text" data-ph-id="ph-page-element-page10-XIpVMt" language-overriden="true">Email <span class="required" data-ph-id="ph-page-element-page10-3TzoGy"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-r6dsvV"> <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-c5Vm7H" 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-page10-qT3ceQ"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page10-x0r5sc"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page10-DdBsAe"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-cT4hXk" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page10-p6zAdE" language-overriden="true">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-page10-hANFnk"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-1iGtmn" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page10-Ob4RHB" language-overriden="true">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-page10-kRVcd8"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-pEt4ml"> <div data-ph-id="ph-page-element-page10-ql8XJm"> <label for="phone" data-ph-id="ph-page-element-page10-TzjrdK"> <span key="ph-find-your-fit-v1-default-6ty93o-ivvWPZ" class="sr-only" data-ph-id="ph-page-element-page10-XaU0iG" language-overriden="true">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page10-V9IDRl"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-vR5ybQ" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page10-9LOq62" language-overriden="true">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-zHbftN"> <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-aB7dBQ" 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-page10-nDQjsB"> <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-page10-Bf8RcS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-QFEfSB" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page10-nq6UGd" language-overriden="true">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-page10-H7qMvF"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page10-JM6sJf"> <div class="security-info-block" data-ph-id="ph-page-element-page10-1rFxca"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page10-IZekBO"></i> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-eZ3VH4" data-ph-at-id="security-text" data-ph-id="ph-page-element-page10-gdaqeV" language-overriden="true"> 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-page10-BcPJaM"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page10-b7euHQ"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page10-HoSOFz"> <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-xghGRr" data-ph-id="ph-page-element-page10-vicvYN"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-rPcmqo"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-1UReUG"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-a77yFi"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-1B3VvS" data-ph-id="ph-page-element-page10-4gmZX4" language-overriden="true"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page10-4AEFYm"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page10-kEAnvL">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page10-jOoJJ0">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page10-wSXbqZ"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-Bgj0HX" data-ph-id="ph-page-element-page10-CMoHtZ" language-overriden="true"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page10-4AEFYm"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page10-kEAnvL">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page10-jOoJJ0">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page10-OWBcWV"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-123AT8" data-ph-id="ph-page-element-page10-FI8hdp" language-overriden="true"> 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-page10-cEjs0v"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page10-E1Ownm"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page10-kkPqfb"> <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-PVdmMl" data-ph-id="ph-page-element-page10-cXFoTE"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-QZOg3d"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-JkwMN4"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-xcbaLt"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-QnyoGX" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page10-xi27Lb" language-overriden="true">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-page10-8ULmIX"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-mQ7Veh"> <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-page10-kCQjfV"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-R4g9fz"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-j7gadb"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-FbRweK"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-Ftyxy3"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-2aoIRI">*</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-page10-lTQyKa"> <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="1663479082791-default" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page10-EbSiW6"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-iG4lki"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page10-tX1ynK"> ${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-page10-R9H1O3"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page10-qCveSv"> <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-NZ3nhb" data-ph-at-id="send-link" data-ph-id="ph-page-element-page10-fb0IlU"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Q6IAvY" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page10-1Awrox" language-overriden="true">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page10-A9Skxw"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-LAhTEZ" data-ph-at-id="back-link" data-ph-id="ph-page-element-page10-N0TqaU"> <span data-ph-id="ph-page-element-page10-lMJ4fw"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page10-STuyw8"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-page-element-page10-V9lbq2"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page10-moiJtl"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page10-pHK5Xe"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Pk7uHJ" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page10-MuIEnG" language-overriden="true">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-BSDC9d" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page10-4nX8uS" language-overriden="true">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-page10-2XyJfn"> <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="view1-1668754587758" instance-id="fyf1" original-view="view1" data-ph-id="ph-page-element-page10-6KHwHe"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page10-JfSs4g"> <div class="prev" data-ph-id="ph-page-element-page10-IrhbAu"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-56lag8" data-ph-at-id="back-link" data-ph-id="ph-page-element-page10-cJyr8S"> <span data-ph-id="ph-page-element-page10-RfEGUY"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page10-Z62YIo"></i> </span> </a> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page10-a8CIPZ"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page10-266ASK"> <!-- <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-page10-3JNxyR"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-page-element-page10-exijdB"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-YexjGQ" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page10-h69uBE" language-overriden="true">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-46LgEx" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page10-jnS7ol" language-overriden="true">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-page10-ecMXAG"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-5Jjavp" data-ph-id="ph-page-element-page10-t5XwxA" language-overriden="true"> 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-page10-UDaBSV"> <div class="ph-social-connect-v1-view5-new-default" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1663479082859-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-page10-jKfVOQ"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page10-HLIJQQ"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page10-flANPG"> <div class="widget-container" data-ph-id="ph-page-element-page10-dOIJic"> <div class="content-block" data-ph-id="ph-page-element-page10-GsJeKm"> <ul class="login-link-list" role="list" key-role="ph-find-your-fit-v1-default-6ty93o-P67MtQ" data-ph-id="ph-page-element-page10-ugvqGt"> <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-gGlNId" data-ph-id="ph-page-element-page10-FudPdp"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page10-O1gyCk"> <div class="icon-block" data-ph-id="ph-page-element-page10-CXMZve"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page10-VaUaF8"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page10-6lrLjg"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-page-element-page10-AP7IfR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-KdRXAT" data-ph-id="ph-page-element-page10-bjAbPy" language-overriden="true">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-page-element-page10-PLzA8I"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-l94NdR" data-ph-id="ph-page-element-page10-ncea3l" language-overriden="true"> 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-page10-t5vHxB"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page10-eMnrbH"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-page-element-page10-n7G964"> <div data-ph-id="ph-page-element-page10-tzzMeD"> <label for="preferredName" data-ph-id="ph-page-element-page10-BCqP4s"> <span key="ph-find-your-fit-v1-default-6ty93o-6e97zh" class="sr-only" data-ph-id="ph-page-element-page10-vkFl9R" language-overriden="true">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page10-011NrB"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-IlJr4T" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page10-1lMLuZ" language-overriden="true"> Preferred name <span class="required" data-ph-id="ph-page-element-page10-XjBhRQ">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-TTMTm4"> <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-P7f3XP" 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-page10-1i40VH"> <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-page10-UMHcb2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-xLuNzo" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-page-element-page10-z5sJmm" language-overriden="true">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-page10-3J3cO0"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-1fVw7H"> <div data-ph-id="ph-page-element-page10-5ftNCR"> <label for="name" data-ph-id="ph-page-element-page10-R0ieWJ"> <span key="ph-find-your-fit-v1-default-6ty93o-RXEZOh" class="sr-only" data-ph-id="ph-page-element-page10-DW6zNW" language-overriden="true">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page10-icntE8"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-sn8KwX" data-ph-at-id="name-text" data-ph-id="ph-page-element-page10-LUrJDb" language-overriden="true"> Full name <span class="required" data-ph-id="ph-page-element-page10-oUKUZV">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-auhnJW"> <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-GB5ef5" 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-page10-mUszQT"> <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-page10-ILMZFt"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-duROIc" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page10-F0ZYu4" language-overriden="true">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-page10-MoGiO0"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-kmGIR3"> <div data-ph-id="ph-page-element-page10-fMaE64"> <label for="email-2" data-ph-id="ph-page-element-page10-VJWlaW"> <span key="ph-find-your-fit-v1-default-6ty93o-wBhdds" class="sr-only" data-ph-id="ph-page-element-page10-8fXTs1" language-overriden="true">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page10-pvSvKJ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ZIQ8YT" data-ph-at-id="email-text" data-ph-id="ph-page-element-page10-ebErwy" language-overriden="true">Email <span class="required" data-ph-id="ph-page-element-page10-3TzoGy"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-SAi9KC"> <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-gBaRMT" 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-page10-LxUGfB"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page10-5JGQT9"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page10-NPvDf6"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-507VOP" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page10-7mqfMh" language-overriden="true">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-page10-zi5idv"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-NaIxge" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page10-SK0cpZ" language-overriden="true">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-page10-CqrdFE"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-rFIS1Z"> <div data-ph-id="ph-page-element-page10-1NgbF1"> <label for="phone" data-ph-id="ph-page-element-page10-Nu0rEa"> <span key="ph-find-your-fit-v1-default-6ty93o-UniF6U" class="sr-only" data-ph-id="ph-page-element-page10-6plPgi" language-overriden="true">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page10-6iDSsK"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-N4Gt6X" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page10-tCIsPz" language-overriden="true">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-9zGh4F"> <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-kLn2aO" 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-page10-KkcBpt"> <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-page10-80Yj78"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-URYxEd" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page10-cAEMV0" language-overriden="true">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-page10-9vJ1Pc"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page10-QaRUU8"> <div class="security-info-block" data-ph-id="ph-page-element-page10-FNdNeq"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-V7sEPx" data-ph-at-id="security-text" data-ph-id="ph-page-element-page10-HJCili" language-overriden="true"> 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-page10-3f1hrV"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page10-v5QFNd"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page10-dQBQ6Y"> <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-BWyRyZ" data-ph-id="ph-page-element-page10-zcTwn2"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-UxeQOW"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-o7ahJC"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-DYTlQ1"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-vGd5lZ" data-ph-id="ph-page-element-page10-dfoQX8" language-overriden="true"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page10-xlY9WX"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page10-bV4TIG">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page10-nXtNWu"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-TAzTAI" data-ph-id="ph-page-element-page10-l9hAWu" language-overriden="true"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page10-xlY9WX"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page10-bV4TIG">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-page10-OHG6XQ"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page10-dvMs5v"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page10-WGf0LX"> <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-FO9svd" data-ph-id="ph-page-element-page10-2xCJJW"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-n83dGz"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-ZcfD04"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-YE4hY9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-lVVZ6E" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page10-aLRxPL" language-overriden="true">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-page10-sKcFEl"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-29ihQM" data-ph-id="ph-page-element-page10-0tzuCV" language-overriden="true"> 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-page10-3IXyNt"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-cFfE2w"> <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-page10-puxlBY"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-dtYFFh"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-nSdT1a"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-4K7yM9"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-byB7U4"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-5pHpAV">*</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-page10-86v3oT"> <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="1663479082859-default" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page10-myHuty"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-rggFJL"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page10-Ridn5y"> ${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-page10-kwf9Pp"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page10-dVybvu"> <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-sgixXg" data-ph-at-id="send-link" data-ph-id="ph-page-element-page10-XQVe7n"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-AjxYzw" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page10-yfFfl6" language-overriden="true">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page10-tGPwZI"> <a href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-U23iaP" data-ph-at-id="back-link" data-ph-id="ph-page-element-page10-EyTeGj"> <span data-ph-id="ph-page-element-page10-IimWsK"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page10-xKBFXe"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-page-element-page10-3fu83d"> <button href="javascript:void(0);" click.delegate="skip()" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType} step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-nPbn9J" data-ph-at-id="skip-link" data-ph-id="ph-page-element-page10-X1xVSH"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-page-element-page10-WqLvqY"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-JBIAbF" data-ph-at-id="skip-link-text" data-ph-id="ph-page-element-page10-3QeKG2" language-overriden="true">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-page10-TK7U2o"> <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-page10-AnT1oL"> <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-page10-JzXQkl"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-page-element-page10-yG3RJi"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount+1}" data-ph-at-starting-step-number-text="${stepsCount+1}" data-ph-id="ph-page-element-page10-I6bpJV"> <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-page10-uxImFH"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-page-element-page10-WjkuV9"> ${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-page10-Df3E05"> <div data-ph-id="ph-page-element-page10-5tonNi"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-fh1ziv" data-ph-id="ph-page-element-page10-s3R4DB" language-overriden="true"> 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-page10-F4GEHN"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page10-geXQRa"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1663479082780-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page10-FOFGyg"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page10-0tbAkC"> <div class="widget-container" data-ph-id="ph-page-element-page10-y7WwhK"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page10-WibfiM"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page10-W6ksjV"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page10-kYX2yJ"> <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-LGKGJr" data-ph-id="ph-page-element-page10-rDtbX5"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-bjVJNF"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page10-dpGijn"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page10-wkuj1Q"> <ppc-content key="ph-social-connect-v1-view5-7uyy7u-PyYeWx" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page10-Jw126T">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page10-m8J7Yx"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page10-8AHvN2"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page10-74Fi1P"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page10-3Tr6XU"> <ppc-content key="ph-social-connect-v1-view5-7uyy7u-PfqxNw" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page10-CryBMg">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page10-m8J7Yx"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page10-8AHvN2"> ${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-page10-unGNeB"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page10-5CzTCZ"> <span class="social-alert-msg" data-ph-id="ph-page-element-page10-iYosoW"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-7uyy7u-4XjpRC" data-ph-id="ph-page-element-page10-75HtFi"> <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-9s3KRG" data-ph-id="ph-page-element-page10-OGr1SZ"> <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-page10-TyYVJp"> <div class="icon-block" data-ph-id="ph-page-element-page10-ugy5OC"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page10-II8vxN"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page10-EfmCmZ"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1663479082791-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page10-GiPg4t"> <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-page-element-page10-6DXiJO"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page10-gum752">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page10-9WcLbO"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page10-w5GZPb"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page10-4hWLBI"> <div class="close-popup-btn" data-ph-id="ph-page-element-page10-c7CA4W"> <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-page-element-page10-twbV7I"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page10-cn87y8"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-xcalfc"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page10-L3bjLe"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-7J8FDV"> <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-page-element-page10-hpMldH"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-kMOsbw"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-YTYPsb"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-oIxJKa"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-kaurwe"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-Gwdrzj">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page10-RUk51U"> <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-page-element-page10-5miDr5"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1668754587758" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page10-av8SB5"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page10-Y2lpzW"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-page-element-page10-co9nW5"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page10-oGqt0R"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page10-izjaSz"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-mFdnWS"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-page-element-page10-WKNQTc"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page10-H8fysh"></i> <span class="alert-msg" data-ph-id="ph-page-element-page10-4Tg9oL"> ${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-page10-LJD23o"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-page-element-page10-NwOO2I"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page10-ARgT2H"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page10-NsRzBd"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page10-fJCVhr"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page10-5cMvz5"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page10-hYlMVA"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page10-wMoakF"> ${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-page10-6nwesZ"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page10-ESWMEb"> <form novalidate="" data-ph-id="ph-page-element-page10-ByRKvn"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page10-UwmjW5"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page10-SfoRkj"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page10-U8peRg"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-oDGVAc"> <div class="text-box" data-ph-id="ph-page-element-page10-UUvpgz"> <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-page10-VYQ74u"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page10-squ7Ly"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page10-nGBLEV"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page10-0dyQfY"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-KNPsdF"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page10-n8XDI1"> ${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-page10-NwoRnQ"> ${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-page10-RfCVs5"> ${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-page10-UrNfyc"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page10-AROmPR"> ${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-page10-aimmhE"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page10-M8a3Zt"> ${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-page10-NiS5Hb"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page10-LT3dPy"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-Wi6XGl"> <div class="text-box" data-ph-id="ph-page-element-page10-5DMk8O"> <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-page10-hDVnlo"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page10-xq9Hlt"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page10-igmQ4H"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page10-IahCsd"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-k14HcG"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-7a4vNM"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-p0NcnP"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-6YEzmP"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-0V6IXG"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page10-Xn8TBv"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-eIfcNd"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page10-goDXZ2"> ${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-page10-fbJXcm"> ${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-page10-HqRdbP"> ${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-page10-YLmiIt"> ${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-page10-gHYkWU"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page10-2jwPl3"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page10-DWSowH"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page10-Xelifb"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page10-uxa610"> <div class="form-container" data-ph-id="ph-page-element-page10-2jLU1f"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page10-ZTodST"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page10-NHwl7Q"> <div class="user-options" data-ph-id="ph-page-element-page10-h9Zukf"> <span class="each-option" data-ph-id="ph-page-element-page10-gs4126"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page10-F6gHhr"> <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-page10-kZAPYH"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page10-AQ7fqo"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page10-BcopQ7"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page10-2qI7mz"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page10-BqYLm4"> <span class="forgot-password-area" data-ph-id="ph-page-element-page10-JZcnE1"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page10-Fu90UV"> ${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-page10-t1GCTw"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page10-lX4FEq"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page10-lu3Feq"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page10-Hot8zl"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page10-fvToUW"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page10-4E5spY"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page10-sJPDBc"> ${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-page10-cdPOjn"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page10-0F2Hj7"> ${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-page10-JPZSdn"> ${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-page10-eIjGhp"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page10-lcd73R"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page10-2S3yJe"> <!-- 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-page10-JDVseR"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page10-8aBjum"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page10-A0JAa4"> ${widgetBundle['createAccountPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page10-K99efK"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page10-DU3J5H"> <form novalidate="" data-ph-id="ph-page-element-page10-GSaDj7"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page10-jdTW6P"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page10-aWDBkS"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page10-VWFhyM"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-vIndZW"> <div class="text-box" data-ph-id="ph-page-element-page10-O0gKdM"> <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-page10-fM2LRg"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page10-ydBxgs"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page10-4DilZt"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page10-NFCbKb"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-do5ycN"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page10-SAPsYs"> ${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-page10-Dqyo1u"> ${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-page10-SdtTei"> ${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-page10-BsURk0"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page10-bxGCQd"> 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-page10-TGX9rv"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page10-fRJdGV"> ${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-page10-IE1KmY"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page10-2Es4Xp"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-qOqWkH"> <div class="text-box" data-ph-id="ph-page-element-page10-bHxMsK"> <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-page10-OzAyLE"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page10-gbVmtR"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page10-LrTQy1"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page10-JKa09g"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page10-O2ugI9"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-DYPzoH"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-qBEPLh"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-m7zzZt"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-uLRHQ3"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-ZtNk74"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page10-EQRVC6"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-j9E3GY">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-Z6K3zg">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-d1PeAx">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-rpriWQ">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-bx8qSw"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page10-jBxzD1"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page10-HyfwR8"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page10-unAwlz"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-vkzVib"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page10-Leec5E"> ${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-page10-Ju6BlX"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page10-LYJV58"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page10-2WDi2J"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page10-Hy6pxa"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page10-fZMh3s"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page10-33uqMZ"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page10-dYQalB"> <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-QuNtQM" data-ph-id="ph-page-element-page10-ZZBXfK"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-3zrUGa"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page10-ZHlJ0H"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-DBR5Xe"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-oHsTiv" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page10-nyYcyY">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page10-xRKKYn"> ${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-page10-gJPOTl"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page10-ovWXju"> <span class="checkbox-text" data-ph-id="ph-page-element-page10-7LigH2"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-jaoUqJ" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page10-CfJuUy">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page10-xRKKYn"> ${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-page10-gJPOTl"> ${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-page10-KqrGia"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-2Y7KuY"> <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-page10-pMn2F6"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-avMz98"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-1eflmN"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-BDjbRU"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-TA3DzN"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-coRBBu">*</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-page10-7BXREI" view="1668754587733-default" original-view="default" theme="default"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default ph-widget-target" view="1668754587733-default" instance-id="dk1signup" original-view="default" data-ph-id="ph-page-element-page10-grEVjG"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-erKuWF"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page10-crq9mx"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page10-LySURF"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-hhheQy"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-page-element-page10-rUSO2i"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page10-Vv179C"> <div class="form-container" data-ph-id="ph-page-element-page10-oq7ySF"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page10-RBOovK"> ${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-page10-rq6GJE"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-page10-IFtEi5"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page10-1GQmvN"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page10-9U1pQt" view="1668754587745-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="1668754587745-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page10-OHbKyo"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page10-mwhLDg"> <span data-ph-id="ph-page-element-page10-HEh2ah"> ${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-page10-P9EkST"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page10-E3QBHD"> <span data-ph-id="ph-page-element-page10-wDCO8y"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page10-dmFLSZ"> ${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-page10-wwKx5m"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page10-Upj93j">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page10-jozRAn">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-page-element-page10-YaJ9ml"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page10-c0UVOr"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page10-TOjtRd"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page10-KAc4d5"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-page-element-page10-BINJWT"> <form novalidate="" data-ph-id="ph-page-element-page10-IHo9Cw"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page10-oo3WSh"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page10-hPrrQP"> <label for="createNewPassword" class="form-label" data-ph-id="ph-page-element-page10-OSA2ft"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-Ox1esx"> <div class="text-box" data-ph-id="ph-page-element-page10-MInWMc"> <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-page10-wp0ohO"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page10-iG0ddt"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page10-clF2E9"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page10-1J2v8t"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page10-s5udWF"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-KyV6rn"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-A8bZYh"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-oHqNOz"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-zsfiNQ"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-rgPjgV"> ${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-page10-4Xhp6r"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page10-OQFZEJ"> <span class="sr-only" data-ph-id="ph-page-element-page10-jzIhIJ"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page10-KTNWQP"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page10-LRAjo1"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page10-vyuQLj"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page10-cvAXLM"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page10-NOAJAe"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-page-element-page10-txAiNP"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-j444GS">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-MLHZly">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-9TYD7U">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-xR3ABS">${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-page10-rWiRDY"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page10-yxCeyM"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page10-HeaRVM"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page10-VRzIde"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-page-element-page10-GKFw2c"> ${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-page10-fZivlR"> <div class="form-container" data-ph-id="ph-page-element-page10-210aSk"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page10-Vcow6B"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1668754587733-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page10-SHZh8G"> <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-page-element-page10-1rDWnf"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page10-mVJ93b">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page10-sdFIFJ"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page10-cI4Q3S"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page10-QGqLGD"> <div class="close-popup-btn" data-ph-id="ph-page-element-page10-UscLy0"> <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-page-element-page10-zjELCF"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page10-flsRHG"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-1h5q4t"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page10-khRU3Z"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-05ISmC"> <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-page-element-page10-rtffd9"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-HjA1UK"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-Jn66yG"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-w2hmfz"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-0e3iMZ"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-Uxmxe0">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page10-Bnsb3I"> <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-page-element-page10-rgXYvq"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1668754587745-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page10-z4mhks"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page10-tWm3t5"> <div class="widget-container" data-ph-id="ph-page-element-page10-BmxH62"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page10-P06xIB"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page10-Cn6kvS"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page10-glBIa9"> <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--NTk3jk" data-ph-id="ph-page-element-page10-5iu77J"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-rK3FT8"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page10-ZBOEIk"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page10-FYtjfJ"> <ppc-content key="ph-social-connect-v1-view5--xT6CEF" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page10-hgZqdQ">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page10-pFyG8C"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page10-BilOrZ"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page10-O2TjhD"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page10-DDZZNZ"> <ppc-content key="ph-social-connect-v1-view5--wB5mzt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page10-973oye">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page10-pFyG8C"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page10-BilOrZ"> ${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-page10-ojZGHx"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page10-OnnFZw"> <span class="social-alert-msg" data-ph-id="ph-page-element-page10-OlRvgS"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--XT1mNa" data-ph-id="ph-page-element-page10-z3AS3M"> <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--hlFsAM" data-ph-id="ph-page-element-page10-K1wT7d"> <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-page10-WRHvd2"> <div class="icon-block" data-ph-id="ph-page-element-page10-fIsEju"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page10-174aZn"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page10-xWuAWl"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1663479082859-view5-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page10-HLIJQQ"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page10-flANPG"> <div class="widget-container" data-ph-id="ph-page-element-page10-dOIJic"> <div class="content-block" data-ph-id="ph-page-element-page10-GsJeKm"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new--kvnE10" data-ph-id="ph-page-element-page10-ugvqGt"> <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--EbQrsW" data-ph-id="ph-page-element-page10-FudPdp"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page10-O1gyCk"> <div class="icon-block" data-ph-id="ph-page-element-page10-CXMZve"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page10-VaUaF8"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page10-6lrLjg"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1663479082859-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page10-7He4cv"> <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-page-element-page10-WLTXGl"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page10-6DvloU">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page10-PfUCLE"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page10-FanWoU"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page10-xgTm0F"> <div class="close-popup-btn" data-ph-id="ph-page-element-page10-TryoLy"> <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-page-element-page10-Nb90OI"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page10-joRbDB"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-nhICX7"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page10-uL5QWH"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-mphmPv"> <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-page-element-page10-gbs1LF"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-MA0w7S"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-yOgdeg"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-83eRjm"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-YREGiT"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-YgVEtt">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page10-mpAsoK"> <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-page-element-page10-6LcI6f"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1663491091331" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page10-Qj0yWz"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page10-5yZGO2"> <!-- 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-page10-J68xE6"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page10-onlxsT"></i> <span data-ph-id="ph-page-element-page10-N7ZIiA">${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-page10-HB35Hq"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page10-naD0Zq"></i> <span data-ph-id="ph-page-element-page10-bQOHSb">${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-page10-f81iXN"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-page10-DKrMqK"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-page10-Z8pSEe"> <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-page10-DmUZVk"> <span data-ph-id="ph-page-element-page10-SrmvCT">${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-page10-J2C9CM"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page10-l36oWk"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-page10-jOkDGi"> <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-page10-1dQzsC"> ${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-page10-Plps8X"> ${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-page10-7JNdiN"> <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-page10-7NdiJk"> ${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-page10-1mhTul"> <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-page10-g7XPKl"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-page10-V5ykUY"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page10-RrjBnY"> <!-- 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-page10-oEKlbo"> <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-page10-ZjuNpl"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page10-uWBTcg"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page10-uDSvL3"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page10-47hpLv"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page10-dJY3jv"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page10-dmSCPP"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page10-8C2Z8r"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page10-0xtZya"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page10-QaSNat"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page10-PSBmhm"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page10-IrFhmN"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page10-QWbWKc"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page10-uPbBjH"> ${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-page10-GmZLsO"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page10-VcjK1w"> <form novalidate="" data-ph-id="ph-page-element-page10-TismUL"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page10-qPivAn"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page10-G7aIQm"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page10-BlAOIr"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-gTmDKG"> <div class="text-box" data-ph-id="ph-page-element-page10-b2RhOp"> <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-page10-ZSm9YC"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page10-OuW8bC"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page10-muuvXF"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page10-Vp8IWp"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-VSnVVG"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page10-xq50RR"> ${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-page10-AxR4OS"> ${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-page10-hgnmyu"> ${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-page10-XqWepe"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page10-PraSg2"> ${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-page10-QF7Vpn"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page10-5z5jNT"> ${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-page10-9EUCe3"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page10-M0o8ui"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-lDaxSh"> <div class="text-box" data-ph-id="ph-page-element-page10-99aap1"> <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-page10-LRMdai"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page10-pFaIfs"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page10-hIO2c2"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page10-3rat5n"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-Y9PO0Q"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-5Py1lp"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-WYOdr9"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-BEPxMo"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-pZ0dGY"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page10-VNAQkN"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-dsSrKe"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page10-8p13RW"> ${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-page10-gNBbWX"> ${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-page10-0bOLbd"> ${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-page10-b6ckAA"> ${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-page10-xPckpV"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page10-mh4Xm0"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page10-43c8hE"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page10-ivNDQW"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page10-uY9ZqT"> <div class="form-container" data-ph-id="ph-page-element-page10-jFTAY7"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page10-90jTyT"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page10-gMmWX4"> <div class="user-options" data-ph-id="ph-page-element-page10-vGsY4c"> <span class="each-option" data-ph-id="ph-page-element-page10-iXnxeR"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page10-YLbo7d"> <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-page10-RrqSXa"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page10-qNDiPv"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page10-oeC3XE"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page10-AKwkLx"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page10-vyI3OM"> <span class="forgot-password-area" data-ph-id="ph-page-element-page10-RaqCUt"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page10-4h8nn4"> ${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-page10-QIJ9Bq"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page10-ewPqtS"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page10-pSsFKi"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page10-kUN09K"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page10-GSU9Vh"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page10-LRCTBx"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page10-JzGBuy"> ${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-page10-wSBsOG"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page10-ANcmyX"> ${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-page10-QroeCf"> ${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-page10-NAVaku"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page10-kmruMW"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page10-dlJA97"> <!-- 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-page10-NavFzw"> <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-page10-boy3el"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page10-COsXiV"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page10-LPhoA8"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page10-YAhmCJ"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page10-pasEha"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page10-Vz8u9e"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page10-3MM1VR"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page10-niFrTR"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page10-EDD2mM"> <form novalidate="" data-ph-id="ph-page-element-page10-N21xS9"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page10-41LWen"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page10-pwfkGX"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page10-edv09k"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-2HY3eW"> <div class="text-box" data-ph-id="ph-page-element-page10-odg9ty"> <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-page10-tfinHP"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page10-zNFinl"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page10-ljm2GK"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page10-Q7a3QI"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-fAqiDX"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page10-E9f5nq"> ${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-page10-YqnKRM"> ${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-page10-Ouv8Jv"> ${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-page10-5gmY6M"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page10-t8Xqws"> ${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-page10-izllj1"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page10-yDmy27"> ${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-page10-RZm454"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page10-0TUeHq"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-7gYyBG"> <div class="text-box" data-ph-id="ph-page-element-page10-6sRHoy"> <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-page10-I28Tea"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page10-PNOHhU"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page10-IZHQ3y"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page10-RajjSM"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page10-M2llJf"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-ZS3hWN"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-tZYwuu"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-tnQmQe"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-t84AD8"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-0gtqPF"> ${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-page10-X8P3tT"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page10-Q91BAV"> <span class="sr-only" data-ph-id="ph-page-element-page10-wr6phF"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page10-8mO6Cc"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page10-IwGw1M"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page10-GXfiZm"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page10-khgq9c"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page10-7Jlyla"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-page10-Omh1Lx"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-s2hYPI">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-iQ2A1K">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-fkLIvf">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-QSCA9f">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-SCvmM8"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page10-EhbNEP"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page10-I8bYRA"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page10-gLCYtT"> ${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-page10-Ph5qzy"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page10-ct6arZ"> <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-rlYtVo" data-ph-id="ph-page-element-page10-zZD1GS"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-6b6kEc"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page10-gAFD01"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-AMpRW9"> <ppc-content key="ph-candidate-login-v1-default-mobile-fyf3-CLkI8v" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page10-9SYQUa">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page10-vi4ZoX"> ${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-page10-1OSjIz"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page10-Co0lUG"> <span class="checkbox-text" data-ph-id="ph-page-element-page10-H8SpbJ"> <ppc-content key="ph-candidate-login-v1-default-mobile-fyf3-dVJpdx" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page10-Wg1lRj">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page10-vi4ZoX"> ${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-page10-1OSjIz"> ${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-page10-GzcexI"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-8HOIke"> <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-page10-oHGeHo"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-m7vQwe"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-dkO2pV"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-Dz2Ehl"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-tz9CHM"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-pBXtcp">*</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-page10-qF2wPZ"> <span class="sr-only required-text" data-ph-id="ph-page-element-page10-ZZvkD6"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-OBKnUm"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page10-bUoo0d"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page10-Xtyc4c"> ${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-page10-brY4ec"> <span class="alert-msg" data-ph-id="ph-page-element-page10-ogvwre"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page10-YVEFwd"> <div class="form-container" data-ph-id="ph-page-element-page10-lXvllQ"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page10-6BgLVR"> ${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-page10-cl3FBg"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-page10-ELqhXL"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page10-60OCen"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page10-jsFLYn" view="1663491091318-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="1663491091318-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page10-gdaM1B"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page10-3Mv9Ed"> <span data-ph-id="ph-page-element-page10-vhpJiH"> ${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-page10-WINf3G"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page10-pzJQ8L"> <span data-ph-id="ph-page-element-page10-E7wnKp"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page10-iAkNzR"> ${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-page10-UOkP8i"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page10-1rLPnh">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page10-rQ1RI1">${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-page10-kpEvmu"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page10-q5WmnB"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page10-NF2gXn"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-mv5PyG"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page10-lhGbsG"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-Ty34QN"> <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-page10-GThzgC"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-Qhu2tv"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-aoByqP"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-YkZSWA"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-g49XI3"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-cHthuA">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page10-NHWIPW"> <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-page10-llXnaQ"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1663491051851" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page10-mhjQ8P"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page10-QpcwIx"> <!-- 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-page10-dcbVgG"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page10-pJbsyJ"></i> <span data-ph-id="ph-page-element-page10-3bBLvG">${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-page10-htAnnD"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page10-2HTWyc"></i> <span data-ph-id="ph-page-element-page10-V9thp9">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-page-element-page10-UbDAVA"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-miWG73"> <span if.bind="registeredSuccessfully" data-ph-id="ph-page-element-page10-XcPGB4"> 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-page10-FcQjJV"> <!-- <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-page10-3UColC"> <span data-ph-id="ph-page-element-page10-hC23x6">${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-page10-IB7kg9"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page10-LuesMf"></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-page10-nzUvUu"> ${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-page10-gJxIJ1"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page10-fZ7ZMq"> <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-page10-Ja37NM"> <span data-ph-id="ph-page-element-page10-9Zhcwx">${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-page10-i7xIQW"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page10-EGhKU9"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page10-1dYDVS"> <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-page10-oS5vKD"> ${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-page10-QnlAl8"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-page-element-page10-iU9rV1"> <div class="user-actions-list" data-ph-id="ph-page-element-page10-DWQcuR"> <div class="user-actions-listitem" data-ph-id="ph-page-element-page10-4F5BHv"> <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-page10-jMiPuP"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-page-element-page10-WnPIPm"> <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-page10-bMz3Dk"> ${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-page10-wTivVI"> <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-page10-nfTvgd"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-page10-iMuAdo"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page10-9x5z72"> <!-- 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-page10-xeQRmn"> <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-page10-xZtssw"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page10-8dciGW"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page10-rRaqk8"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page10-ez48DA"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page10-h0aQU1"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page10-TDUKTe"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page10-6OR1VP"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page10-LU01Wl"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page10-HfT0oW"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page10-xx2oHH"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page10-YxhA3R"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page10-E6kBJO"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page10-MF7ReW"> ${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-page10-ntx1Hf"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page10-d7YKgY"> <form novalidate="" data-ph-id="ph-page-element-page10-SCywCA"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page10-XCyE5m"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page10-3enmWc"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page10-KXd2mf"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-cWTK07"> <div class="text-box" data-ph-id="ph-page-element-page10-6IClGQ"> <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-page10-Nd8KbM"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page10-iEtAXu"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page10-l8adNk"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page10-cHA2z0"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-z9bvmt"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page10-vFFXb7"> ${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-page10-I20Hv0"> ${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-page10-lQ7IxC"> ${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-page10-jka707"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page10-bI1gdC"> ${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-page10-wifxvv"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page10-9J6szN"> ${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-page10-AtlwfS"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page10-u5zilM"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-Kt1XCu"> <div class="text-box" data-ph-id="ph-page-element-page10-mFuGoZ"> <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-page10-kZ8Sab"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page10-liY2bL"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page10-RRcVPE"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page10-0EEARh"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-pyxsjt"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-6jAwxN"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-74hURb"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-tiI5Kf"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-VyrnNK"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page10-w8PTyT"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-VXWqV2"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page10-j0rbLm"> ${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-page10-xSjcmN"> ${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-page10-GhKrgw"> ${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-page10-Dan7Vp"> ${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-page10-49lR02"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page10-xDc6xJ"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page10-qn3Qe0"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page10-DLMmtr"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page10-FI5UuS"> <div class="form-container" data-ph-id="ph-page-element-page10-aPWUdf"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page10-r6jeJ0"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page10-T8T8si"> <div class="user-options" data-ph-id="ph-page-element-page10-msk35z"> <span class="each-option" data-ph-id="ph-page-element-page10-PzmtdW"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page10-s4urnO"> <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-page10-1TbkYh"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page10-kvxj0w"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page10-n947nZ"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page10-BZvYXS"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page10-GoUapS"> <span class="forgot-password-area" data-ph-id="ph-page-element-page10-Tfh3A4"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page10-6JvzXm"> ${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-page10-bcm9hY"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page10-1bwlkV"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page10-AFJAlQ"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page10-z4sfH5"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page10-oNBwIQ"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page10-dnzZZO"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page10-sRS0Qk"> ${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-page10-stesVo"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page10-GFO44W"> ${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-page10-km2v0u"> ${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-page10-XXNUsC"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page10-DiRlEQ"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page10-BvDdkU"> <!-- 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-page10-BKoLRW"> <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-page10-kZnDep"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page10-D6Nbbr"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page10-irfGZq"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page10-8I7LRP"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page10-ZocRCR"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page10-n0iN7n"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page10-Y8KEhn"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page10-U9cTpk"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page10-7Q5prO"> <form novalidate="" data-ph-id="ph-page-element-page10-8Nn78T"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page10-zYwRsj"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page10-W7re2D"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page10-xQIM2y"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-FpPD4U"> <div class="text-box" data-ph-id="ph-page-element-page10-BzmWb9"> <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-page10-IZRAcT"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page10-8S8vq9"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page10-bx2Pev"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page10-DyA1lj"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-cGf0Qc"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page10-IagMPw"> ${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-page10-wVdFgF"> ${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-page10-rw8eQQ"> ${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-page10-E5JsMh"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page10-Bsubi3"> ${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-page10-EUQDwm"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page10-zvtZrb"> ${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-page10-HXd9yz"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page10-RQWF1M"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page10-VP0l72"> <div class="text-box" data-ph-id="ph-page-element-page10-bitdFW"> <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-page10-3H3O4A"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page10-0wHi8A"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page10-MLIWxY"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page10-cV8yFU"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page10-eEN4W4"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-2818pJ"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page10-1sxzDS"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-YVXsLv"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-Lg0CKC"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page10-F8filW"> ${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-page10-J6cDf7"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page10-0jUIk7"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page10-ybUPrh"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page10-uDRhAJ"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page10-4cnGPq"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page10-nxMmsd"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page10-xg460Q"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page10-rAjT73"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-BIi4l9">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-VOdqY1">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-xTufQV">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page10-OQtEhG">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-qxfn0L"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page10-RhheDS"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page10-ian6HE"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page10-zdSuAc"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page10-5A9SwE"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page10-46pAub"> <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-281xI7" data-ph-id="ph-page-element-page10-2EcSrS"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-x6wgzg"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page10-CMtYir"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-3ywCet"> <ppc-content key="ph-candidate-login-v1-default-fyf2-PzYaOb" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page10-T7Y5VE">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page10-YLAacj"> ${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-page10-lolZyI"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page10-2NWhgx"> <span class="checkbox-text" data-ph-id="ph-page-element-page10-JJMXPG"> <ppc-content key="ph-candidate-login-v1-default-fyf2-iETzUS" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page10-yMxerD">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page10-YLAacj"> ${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-page10-lolZyI"> ${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-page10-rG6HaW"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-ny4muW"> <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-page10-Rir01P"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-Fw6cCE"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-k0zdlJ"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-Oq2i76"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-ZH8zoT"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-bK8P59">*</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-page10-VdnRfN"> <span class="sr-only required-text" data-ph-id="ph-page-element-page10-6I7U5f"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-A2viBH"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page10-zatNG9"> <span class="alert-msg" data-ph-id="ph-page-element-page10-G01ca8"> ${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-page10-GFoNgD"> <span class="alert-msg" data-ph-id="ph-page-element-page10-6ZDVic"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page10-QYijpi"> <div class="form-container" data-ph-id="ph-page-element-page10-EMN7Ma"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page10-znTYJQ"> ${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-page10-TyKfsi"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-page-element-page10-OyeL5J"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page10-UKXbiD"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page10-gHvV8P" view="1663491051838-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="1663491051838-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page10-UIdYfi"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page10-e1xVmy"> <span data-ph-id="ph-page-element-page10-ZmNG9P"> ${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-page10-W2YmE6"> ${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-page10-mVhJwX"> <span data-ph-id="ph-page-element-page10-kabOG2"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page10-b2wIk6"> ${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-page10-UuSYfG"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page10-eBk1Xq">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page10-ymjh8i">${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-page10-skxjKX"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page10-VLU8YD"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page10-eJMONj"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-Uvne40"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page10-Kcc8kA"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-BM3LCq"> <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-page10-jUv1EZ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-Eb3EXd"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-Mr9Y7x"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-IUczLL"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-hb3bMl"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-4nogYv">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page10-AVh96T"> <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-page10-sG7VPf"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-global-search-v1-2875861107571822-view3" 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="GFNlXV-ph-global-search-v1-view3-globalSearchAriaLabelText" data-ph-id="ph-widget-element-2875861107571822-2"> <div class="search-text-block phcriticalhide" if.bind="agpData && agpData.bannerText && agpData.totalHits >0" data-ph-id="ph-widget-element-2875861107571822-3"> <div class="dynamic-text" data-ph-id="ph-widget-element-2875861107571822-4"> <h1 data-ph-id="ph-widget-element-2875861107571822-5"> ${agpData.bannerText} </h1> </div> <div class="jobsCount-text" data-ph-id="ph-widget-element-2875861107571822-6"> <h6 data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-8"> <div class="input-group" data-ph-id="ph-widget-element-2875861107571822-9"> <div class="job-filter ph-search-group" data-ph-at-id="keyword-category" data-ph-id="ph-widget-element-2875861107571822-10"> <div data-ph-id="ph-widget-element-2875861107571822-11"> <a class="mobile-back-button phcriticalhide" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="QO6gvl-GFNlXV-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-widget-element-2875861107571822-12"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-2875861107571822-13"></i> </a> <label class="sr-only" for="typehead" key="GFNlXV-ph-global-search-v1-view3-globalSearchLabel" data-ph-id="ph-widget-element-2875861107571822-14"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-searchLabel" data-ph-at-id="globalsearchlabel-text" data-ph-id="ph-widget-element-2875861107571822-15">Search for Job Title </ppc-content> </label> <input type="text" placeholder="Enter keyword" key-placeholder="GFNlXV-ph-global-search-v1-view3-globalSearchInputPlaceholderText1" ref="typehead" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchPlaceholder, placeholder" aria-haspopup="listbox" placeholder.bind="getWidgetBundleValue('globalsearchPlaceholder', 'placeholder', typehead)" class="ph-input-search form-control ph-a11y-search-box phs-keywords input-lg" ph-a11y-autocomplete="" aria-autocomplete="list" name="typehead" id="typehead" aria-controls="typehead-listbox" value.bind="searchValue" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="typehead-listbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-2875861107571822-16"> <span class="search-sym" data-ph-id="ph-widget-element-2875861107571822-17"> <i class="icon icon-search" aria-hidden="true" data-ph-id="ph-widget-element-2875861107571822-18"></i> </span> <a 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" href="javascript:void(0);" data-ph-id="ph-widget-element-2875861107571822-19"> <i class="icon icon-cancel" aria-hidden="true" role="presentation" data-ph-id="ph-widget-element-2875861107571822-20"></i> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-21"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-clearInputFieldSearchText1" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-2875861107571822-22"> clear text</ppc-content> </span> </a> </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-2875861107571822-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-2875861107571822-24"> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches && isNluSearch" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-2875861107571822-25"> <h3 role="presentation" aria-hidden="true" data-ph-id="ph-widget-element-2875861107571822-26"> <ppc-content key="x30mxp-GFNlXV-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-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-2875861107571822-30">${eachKeyword}</a> </div> </div> </div> <div class="phs-search-categories" if.bind="showAllJobCategories && !isMilitarySearch" data-ph-id="ph-widget-element-2875861107571822-31"> <h2 role="presentation" class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-2875861107571822-32"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-jobCategoriesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-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-2875861107571822-36"> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-37"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-widget-element-2875861107571822-38">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-widget-element-2875861107571822-39">${category.total_count}</span> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-40"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-totalJobsCountLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-42"> <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-2875861107571822-43"> <h2 data-ph-id="ph-widget-element-2875861107571822-44"> <ppc-content key="wednIo-GFNlXV-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-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-2875861107571822-48"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2875861107571822-49"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-widget-element-2875861107571822-50"> <ppc-content key="S1Pang-GFNlXV-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-52"> <div class="phs-jobs-suggested" if.bind="suggestedJobs.length" data-ph-at-id="suggested-jobs" data-ph-id="ph-widget-element-2875861107571822-53"> <h2 class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-2875861107571822-54"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-jobHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-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-2875861107571822-58"> <div class="phs-job-title" data-ph-id="ph-widget-element-2875861107571822-59"> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-60"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-jobTitleText" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2875861107571822-61"> Job title </ppc-content> </span> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2875861107571822-62"></span> </div> <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-widget-element-2875861107571822-63"> <span class="phs-job-location" data-ph-id="ph-widget-element-2875861107571822-64"> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-65"> <ppc-content key="DfmVhX-GFNlXV-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-2875861107571822-66"> location </ppc-content> </span> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-widget-element-2875861107571822-67"> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-68"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-jobCategoryText" data-ph-at-id="jobcategory-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-70"> <h2 data-ph-id="ph-widget-element-2875861107571822-71"> <ppc-content key="1BYNHC-GFNlXV-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-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-2875861107571822-75"> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-76"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-militaryCodeTextSr" data-ph-at-id="military-text" data-ph-id="ph-widget-element-2875861107571822-77"> Military Code </ppc-content> </span> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-79"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2875861107571822-80"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-jobLocationHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-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-2875861107571822-84"> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-85"> <ppc-content key="6qgqVh-GFNlXV-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-2875861107571822-86"> location </ppc-content> </span> ${eachLocation.city} <span class="phs-jobs-count" data-ph-id="ph-widget-element-2875861107571822-87">${eachLocation.count}</span> <span class="sr-only" if.bind="eachLocation.count == 1" data-ph-id="ph-widget-element-2875861107571822-88"> job </span> <span class="sr-only" if.bind="eachLocation.count > 1" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-90"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2875861107571822-91"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-suggestedCategoryHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-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-2875861107571822-95"> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-96"> category </span> ${eachCategory.category} <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-widget-element-2875861107571822-97"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> <span class="sr-only" if.bind="eachCategory.count == 1" data-ph-id="ph-widget-element-2875861107571822-98"> job </span> <span class="sr-only" if.bind="eachCategory.count > 1" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-100"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2875861107571822-101"> <ppc-content key="vhc4T0-GFNlXV-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-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-2875861107571822-105"> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-106"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-recentSearchText" data-ph-at-id="recentsearch-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-108"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2875861107571822-109"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-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-2875861107571822-113"> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-114"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-suggestedKeywordTxt" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-widget-element-2875861107571822-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="gGQvMn-GFNlXV-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-117"> <div class="phs-suggested-keywords-suggested" show.bind="suggestedNluKeywords.length > 0 " data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-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-2875861107571822-121"> <span innerhtml="${eachKeyword.keyHtml | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-123"> <label class="sr-only" for="gllocationInput" key="q87MXm-GFNlXV-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-widget-element-2875861107571822-124"> Enter Location </label> <div data-ph-id="ph-widget-element-2875861107571822-125"> <a class="mobile-back-button phcriticalhide" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="oGWnfP-GFNlXV-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-widget-element-2875861107571822-126"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-2875861107571822-127"></i> </a> <input type="text" id="gllocationInput" name="location" aria-label="Location" key-aria-label="GFNlXV-ph-global-search-v1-view3-locationsearchboxtitle" placeholder="Enter Location" aria-autocomplete="list" key-placeholder="GFNlXV-ph-global-search-v1-view3-locationPlaceholderText" ph-a11y-autocomplete="" aria-haspopup="listbox" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" ignoreexpanded="true" autocomplete="off" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" ref="location" if.bind="getWidgetBundleValue" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="gllocationListbox" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-2875861107571822-128" /> <span class="search-sym" data-ph-id="ph-widget-element-2875861107571822-129"> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-2875861107571822-130"></i> </span> <a href="javascript:void(0)" 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-2875861107571822-131"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-2875861107571822-132"></i> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-133"> <ppc-content key="CUz3fz-GFNlXV-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-2875861107571822-134"> Clear Location Search Text </ppc-content> </span> </a> <div class="phs-search-suggestions phcriticalhide" id="gllocationListbox" aria-labelledby="gllocationListbox" show.bind="showLocationDropdown" data-ph-id="ph-widget-element-2875861107571822-135"> <h2 tabindex="-1" aria-label="Location" key-aria-label="Du3XcJ-GFNlXV-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-2875861107571822-136"> <ppc-content key="T5LRGu-GFNlXV-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2875861107571822-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="GFNlXV-ph-global-search-v1-view3-listBoxLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-2875861107571822-138"> <div repeat.for="eachLocation of allLocations" role="option" key-role="MHZu39-GFNlXV-ph-global-search-v1-view3-locationOption" if.bind="allLocations.length" class="job-list phsLocationsSuggested_${$index} ${locationValue && $index == 0 ? 'selected' : ''}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-140"> <span class="phs-jobs-category" data-ph-id="ph-widget-element-2875861107571822-141">${eachLocation.key}</span> <span class="phs-jobs-count" data-ph-id="ph-widget-element-2875861107571822-142">${eachLocation.total_count}</span> <span class="sr-only" if.bind="eachLocation.total_count" data-ph-id="ph-widget-element-2875861107571822-143"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-jobsLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-145"> <ppc-content key="GFNlXV-ph-global-search-v1-view3-noLocationsFound" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-147"> <label class="sr-only" for="gllocationInput" key="K3T6RN-GFNlXV-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-widget-element-2875861107571822-148"> Enter Location </label> <div data-ph-id="ph-widget-element-2875861107571822-149"> <a class="mobile-back-button phcriticalhide" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="GFNlXV-ph-global-search-v1-view3-mobileBackButtonText3" click.delegate="clearBackdrop($event)" data-ph-id="ph-widget-element-2875861107571822-150"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-2875861107571822-151"></i> </a> <input type="text" id="gllocationInput" name="location" key-aria-label="GFNlXV-ph-global-search-v1-view3-locationAriaLabelText" placeholder="Enter location" aria-autocomplete="list" ph-a11y-autocomplete="" aria-haspopup="listbox" key-placeholder="GFNlXV-ph-global-search-v1-view3-locationBoxPlaceholderText" ref="location" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" aria-owns="gllocationListbox" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-2875861107571822-152" /> <span class="search-sym" data-ph-id="ph-widget-element-2875861107571822-153"> <i aria-hidden="true" class="icon icon-map-pin" data-ph-id="ph-widget-element-2875861107571822-154"></i> </span> <a href="javascript:void(0)" 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" data-ph-id="ph-widget-element-2875861107571822-155"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-2875861107571822-156"></i> <span class="sr-only" data-ph-id="ph-widget-element-2875861107571822-157"> <ppc-content key="Z6OUt4-GFNlXV-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-2875861107571822-158"> Clear Location Search Text </ppc-content> </span> </a> <div class="phs-search-suggestions phcriticalhide" show.bind="showLocationDropdown" aria-labelledby="gllocationListbox" data-ph-id="ph-widget-element-2875861107571822-159"> <h2 key-aria-label="ot8Cpq-GFNlXV-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-2875861107571822-160"> <ppc-content key="96qnRw-GFNlXV-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2875861107571822-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="GFNlXV-ph-global-search-v1-view3-listBoxGlLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-2875861107571822-162"> <div repeat.for="eachLocation of allLocations" if.bind="allLocations.length" role="option" key-role="0BgZpA-GFNlXV-ph-global-search-v1-view3-locationOption" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-165"> <ppc-content key="hws1hQ-GFNlXV-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-2875861107571822-166"> No locations found </ppc-content> </div> </div> </div> </div> </div> <span class="input-group-btn" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-168"> <i aria-hidden="true" class="icon icon-search" phae-ref="1" data-ph-id="ph-widget-element-2875861107571822-169"></i> <span phae-bind-literal="globalsearchButtonText" phae-ref="1" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-171"> <span if.bind="resultsUpdated" data-ph-id="ph-widget-element-2875861107571822-172"> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue" key="GFNlXV-ph-global-search-v1-view3-jobCategoriesAsSRText" data-ph-id="ph-widget-element-2875861107571822-173"> Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && (suggestedJobResults.length + suggestedMOSKeywords.length)" key="GFNlXV-ph-global-search-v1-view3-jobSuggestionsAsSRText" data-ph-id="ph-widget-element-2875861107571822-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="wVuxU5-GFNlXV-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-widget-element-2875861107571822-175"> No suggestions available </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && suggestedMOSKeywords && suggestedMOSKeywords.length > 0" key="GFNlXV-ph-global-search-v1-view3-militaryJobsSelectionAsSRText" data-ph-id="ph-widget-element-2875861107571822-176"> ${suggestedMOSKeywords.length} Military job suggestions available, navigate to the list to select suggestion. </span> <span if.bind="isMilitarySearch && !searchValue.length && !gsClrTxt && isSearchInFocus" key="GFNlXV-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText" data-ph-id="ph-widget-element-2875861107571822-177"> press any key for military job suggestions </span> <span if.bind="isMilitarySearch && !searchValue.length && gsClrTxt && isSearchInFocus" key="GFNlXV-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText2" data-ph-id="ph-widget-element-2875861107571822-178"> text cleared press any key for military job suggestions </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && !suggestedMOSKeywords.length" key="GFNlXV-ph-global-search-v1-view3-militarySearchNoResultsAsSRText" data-ph-id="ph-widget-element-2875861107571822-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-2875861107571822-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-2875861107571822-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-2875861107571822-182"> No locations found </span> </span> </span> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-2875861107571822-183"> <span if.bind="gsClrTxt && !isMilitarySearch" data-ph-id="ph-widget-element-2875861107571822-184"> Text cleared. </span> </span> </form></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1663479082667" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader && !userConsentPopup" class="show-loader" data-ph-id="ph-page-element-page10-S1rvSg"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-page-element-page10-hSaiq1"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-page-element-page10-Azz905"></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-page10-aVEAky" style="background-color: rgba(213,213,213,1) ;"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-Qe2H0f"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-page-element-page10-zdJFNR"> <div class="widget-container" data-ph-id="ph-page-element-page10-6OrFC4"> <div class="upload-resume-tile-container" data-ph-id="ph-page-element-page10-APV9F7"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-page-element-page10-0neglE"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-page-element-page10-iw59eI"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-TulOoS" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-WgHgZQ" language-overriden="true">Welcome back! </ppc-content> </h2> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-vXJr7u" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-DfkbKi" language-overriden="true"><h1 class="phs-heading" data-ph-id="ph-page-element-page10-MLWLd1" ph-element-dummy-ele="true" style="text-align: center;"><span class="darkar">Get tailored job recommendations based on your interests</span></h1></ppc-content> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-page-element-page10-QJKNI7"> <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-AEqXKc" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page10-9B2luS"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Q8ADx6" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page10-nUnpx1" language-overriden="true"> 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-page10-RBzWnp"> <div class="widget-container" data-ph-id="ph-page-element-page10-7mfbUB"> <div class="post-login-resume-tile-container" data-ph-id="ph-page-element-page10-2UCQsC"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-page-element-page10-Djq7ZO"> <div class="user-profile-icon fs-block" data-ph-id="ph-page-element-page10-JyPfZ5"> <span class="user-name-prefix" if.bind="!((preferredName && profileData.preferredName) || profileData.firstName)" data-ph-id="ph-page-element-page10-I7ltVF"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-page-element-page10-POVmAt"></i> </span> <span class="sr-only" data-ph-id="ph-page-element-page10-3wXOFg"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-k8EoGh" data-ph-id="ph-page-element-page10-ksOt1N" language-overriden="true"> 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-page10-iZjGOQ"> ${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-page10-j3hcDN"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="(preferredName && profileData.preferredName) || profileData.firstName" data-ph-id="ph-page-element-page10-d8G0fA"> <span class="recom-text" data-ph-id="ph-page-element-page10-Yt18U3">${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-page10-arNNMO"> <span class="recom-text" data-ph-id="ph-page-element-page10-LvZXbz"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="ph-find-your-fit-container-v1-default-ai8eoj-p6BGIT" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-08yZiG" language-overriden="true"> 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-1pgmZE" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-IXF6fz" language-overriden="true"> 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-udQWua" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-ZHdHYt" language-overriden="true"> 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-eONep5" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-wAwmZj" language-overriden="true"> 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-7QjLiN" data-ph-id="ph-page-element-page10-kd5maq" language-overriden="true"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-page-element-page10-Ki0cLP">Sign up</a> <span data-ph-id="ph-page-element-page10-g08owm"> 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-page10-JZBrOS"> <div class="action-area-block" data-ph-id="ph-page-element-page10-Cch9vJ"> <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-fqir6h" data-ph-at-id="edit-link" data-ph-id="ph-page-element-page10-GPiYbT"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation " data-ph-id="ph-page-element-page10-WWsaR9"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page10-qeeATO"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-page-element-page10-50a0xR"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page10-k0IxVi"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page10-k7TGA8"> <span data-ph-id="ph-page-element-page10-ArAnN2">${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-page10-X528VS"> ${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-page10-7m8pYr"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page10-9Fvh7s"> <ul data-ph-id="ph-page-element-page10-0dfN1r"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation" data-ph-id="ph-page-element-page10-PXHesH"> <button class="completeInfo-btn" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-fZlJvb" click.delegate="openContactDetailsPopup()" data-ph-id="ph-page-element-page10-GyiF9Y"> <span class="button-text" data-ph-id="ph-page-element-page10-Vf5iOw"> <span class="error-icon action-icon" data-ph-id="ph-page-element-page10-uS1eu1"><i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page10-dsZd9R"></i></span><ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-gnupgF" data-ph-id="ph-page-element-page10-cHlNOF" language-overriden="true"> Complete resume info </ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-page-element-page10-5sehEn"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-page-element-page10-E3lDPF"> <span class="action-icon" data-ph-id="ph-page-element-page10-AVVPGx"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-page-element-page10-IIjUQa"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-page-element-page10-fR6sJ7"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-page-element-page10-0LPSaV"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-page-element-page10-cW2f3U" view="1663479082334-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="1663479082334-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-page10-adTI2b"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page10-J5sMKr"> <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-45aWvf" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page10-aeo5Ib"> <span class="action-icon" data-ph-id="ph-page-element-page10-XYMMaZ"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page10-wALtFw"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-74VXUq" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page10-EhdmH2" language-overriden="true">Upload new </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-page-element-page10-UIaeXc"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-page-element-page10-rJCnxG"> <span class="action-icon" data-ph-id="ph-page-element-page10-LjQChk"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page10-JLUr4u"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-page-element-page10-DBJ2K8"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page10-Nexadu"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page10-u6Yv0d"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page10-cCa12k"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page10-YElMiz"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-HcBSSW" data-ph-id="ph-page-element-page10-K68I1O" language-overriden="true"> Connected </ppc-content> </span> <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="ph-find-your-fit-container-v1-default-ai8eoj-fGKrGZ" data-ph-id="ph-page-element-page10-hLmY19"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-kQQMZy" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page10-evMfI9" language-overriden="true"> 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-page10-N2NWsX"> <div class="action-area-block" data-ph-id="ph-page-element-page10-gYGw0D"> <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-EIqC7l" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-page-element-page10-YhdJZF"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-eEhtxo" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page10-tDvQQR" language-overriden="true"> Edit profile </ppc-content> </button> <div class="reset-block" data-ph-id="ph-page-element-page10-TqJJRq"> <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-B6qDX8" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-page-element-page10-A0Th7f"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page10-FoAFM7"></i> <span data-ph-id="ph-page-element-page10-A3SD7K"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-4WaC6Q" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-page-element-page10-QhlUCA" language-overriden="true"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page10-eox60B"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page10-7todDB"> <span class="sr-only" data-ph-id="ph-page-element-page10-s718eh">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page10-ROb1Es"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page10-28cQU4"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-HcBSSW" data-ph-id="ph-page-element-page10-SFOBPi" language-overriden="true"> Connected </ppc-content> </span> <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="ph-find-your-fit-container-v1-default-ai8eoj-fGKrGZ" data-ph-id="ph-page-element-page10-Kcs50f"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-kQQMZy" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page10-e6zzgq" language-overriden="true"> Log out </ppc-content> </a> </div> </div> </div> </div> <div class="action-area action-btn ph-a11y-action-btn" if.bind="!((isActiveSession && isAnonymous) || !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-page-element-page10-WumubY"> <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-r0Yc42" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page10-XMifx2"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Q8ADx6" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page10-zKBq0V" language-overriden="true"> Get Started </ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous && flowType == 'candidateProfile'" data-ph-id="ph-page-element-page10-yBVnFp"> <div class="action-area-block" data-ph-id="ph-page-element-page10-w3SMWr"> <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-EIqC7l" data-ph-id="ph-page-element-page10-yitIv3"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-nEEwEZ" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page10-XGBIYZ" language-overriden="true">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-page10-kP2tiu"> <div class="widget-container" data-ph-id="ph-page-element-page10-Hb8KuK"> <div class="inner-content" data-ph-id="ph-page-element-page10-aoQnJD"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-M6sYoz" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-YX2x4o" language-overriden="true"><h1 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-page-element-page10-5JYkCt" ph-element-dummy-ele="true">Choose your path!</h1></ppc-content> <div class="p-text" data-ph-id="ph-page-element-page10-ycT93K"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-KlRpkU" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page10-GfMKDG" language-overriden="true"> Either use your resume or tell us a little about yourself </ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-page-element-page10-tE3zPd"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-page-element-page10-jxdafn"> <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-page10-TUVT1d"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-fCd7jj" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page10-XSQGnS" language-overriden="true"> Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-page-element-page10-OQrJYj"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-eXm0T7" data-ph-at-id="or-text" data-ph-id="ph-page-element-page10-CsI33b" language-overriden="true"> or </ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" aria-hidden="${(resumeInfoPopup || userConsentPopup) ? 'true' : false}" data-ph-id="ph-page-element-page10-W05cv6"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-page-element-page10-Xw33eC" view="1663479082335-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="1663479082335-external-upload-resume" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-page-element-page10-GdVnsj"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-page-element-page10-PM77Xv"> <p class="or-text" data-ph-id="ph-page-element-page10-b7ttBf"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-eXm0T7" data-ph-at-id="or-text" data-ph-id="ph-page-element-page10-QirSOa" language-overriden="true"> or </ppc-content> </p> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-desktop-link" data-ph-id="ph-page-element-page10-0iT5xL"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-fCd7jj" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page10-BVtCX8" language-overriden="true"> Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-page-element-page10-GWxj7S"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page10-5QDUw6"> <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-3gHG7U" data-ph-id="ph-page-element-page10-B5sunR"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-N3kMDW"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-GKzS19"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-HRN4Yv"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-3gHG7U" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page10-1dfiyg" language-overriden="true">Sign me up for company updates</ppc-content> </span> </input></label> </div> <button class="close" click.delegate="closePopup()" aria-label="Choose your path close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-sopkdz" data-ph-at-id="close-link" data-ph-id="ph-page-element-page10-RekyCx"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-uIRtJB"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-page-element-page10-zHkDmq"> <span if.bind="chooseSteps" data-ph-id="ph-page-element-page10-3ZGJ7G"> Choose your path </span> </span> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-page-element-page10-Yy6erR"> <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-page10-2Gw4wV"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page10-3lq9qW"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-page-element-page10-XsKUd1"> <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-page10-bPNQda"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page10-7lP6CA"></i> </button> </div> <div class="modal-body" data-ph-id="ph-page-element-page10-icgfWG"> <h2 class="heading-block" data-ph-id="ph-page-element-page10-bZNKZp"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="ph-find-your-fit-container-v1-default-ai8eoj-hMt9Nz" data-ph-id="ph-page-element-page10-pH8lP2" language-overriden="true"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-page-element-page10-qbr9eI"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="ph-find-your-fit-container-v1-default-ai8eoj-nKF9zq" data-ph-id="ph-page-element-page10-xAKYGP" language-overriden="true"> In order to process your resume and provide job recommendations you must agree to our privacy policy and terms of service </ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page10-hPAbjW"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page10-3PMPFh"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page10-nA9YSm"> <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-ukHQ96" aria-required="true" data-ph-id="ph-page-element-page10-26K78b"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-MrX26V"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-6mk49L"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-qLU1l6"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai8eoj-Y5fvM5" data-ph-id="ph-page-element-page10-z6ro9g" language-overriden="true">I have read and accept the <a class="privacyPolicyLink" target="_blank" href="https://www.nba.com/privacy-policy" data-ph-id="ph-page-element-page10-kWR4GU"> privacy policy</a> and <a class="termsLink" target="_blank" href="https://www.nba.com/news/termsofuse#/" data-ph-id="ph-page-element-page10-Q0sJ5y">terms of use</a><span class="mandatory-star" data-ph-id="ph-page-element-page10-iEieZ3">*</span></ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page10-iugr0Z"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai8eoj-Y5fvM5" data-ph-id="ph-page-element-page10-8egnem" language-overriden="true">I have read and accept the <a class="privacyPolicyLink" target="_blank" href="https://www.nba.com/privacy-policy" data-ph-id="ph-page-element-page10-kWR4GU"> privacy policy</a> and <a class="termsLink" target="_blank" href="https://www.nba.com/news/termsofuse#/" data-ph-id="ph-page-element-page10-Q0sJ5y">terms of use</a><span class="mandatory-star" data-ph-id="ph-page-element-page10-iEieZ3">*</span></ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page10-7y3TzU"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-vAfCE0" data-ph-id="ph-page-element-page10-qd3pgm" language-overriden="true"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-page-element-page10-UlhBhW"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page10-j4KiWf"> <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-wPDb3A" data-ph-id="ph-page-element-page10-GdGOK9"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-3DzDSD"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-8UsErF"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-IUFJ22"> <ppc-content data-ph-at-id="checkbox-button-text" key="ph-find-your-fit-container-v1-default-ai8eoj-hom2Wq" data-ph-id="ph-page-element-page10-oom5qn" language-overriden="true">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page10-8gRpVt"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-xfXfBV"> <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-page10-dMzCCj"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-Eg7uJ0"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-PCwIx2"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page10-c5kXh4"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-FSsTRf"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-oJu4rZ">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-LdlEAf"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-page-element-page10-Vvgowp"> ${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-page10-YpfLdA"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-GIUtAk" data-ph-id="ph-page-element-page10-J9owIf" language-overriden="true"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-page-element-page10-ct1ukU"> <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-page10-dpQ0dt"> <div class="modal-dialog resume-step" data-ph-id="ph-page-element-page10-RWUnG0"> <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-page10-OOidUS"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page10-fKSgz6"></i> </button> <div class="modal-body" data-ph-id="ph-page-element-page10-V9Rjuy"> <!-- 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-page10-dlXUGu"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page10-MnwhcZ"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page10-KuQWM1"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-vVfhte"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-page-element-page10-w0MSV7"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-page-element-page10-9dcaPY"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-page-element-page10-4ZfRAq"> <div data-ph-id="ph-page-element-page10-NGQzlV"> <label for="preferredName" data-ph-id="ph-page-element-page10-YBCbOP"> <span class="sr-only" data-ph-id="ph-page-element-page10-qyc1Ef"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page10-KzZkVr"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page10-G9M1oj"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page10-Cxs57x"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-hJhYpf"> <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-page10-bWKI3U"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page10-yAIkbT"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page10-38kZ8t"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page10-3JyDbv"> ${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-page10-NU1jxx"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-t1Odue"> <div data-ph-id="ph-page-element-page10-7mU608"> <label for="name" data-ph-id="ph-page-element-page10-7otUeq"> <span class="sr-only" data-ph-id="ph-page-element-page10-yEOdmK"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page10-ss4zzN"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page10-D5n2Iw"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page10-HCtwpE"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-aSdXda"> <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-page10-mnErl5"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page10-l0yM0W"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page10-Jx8jos"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page10-AGwWZq"> ${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-page10-9KOb7c"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-wk5Hz7"> <div data-ph-id="ph-page-element-page10-OowF0t"> <label for="email" data-ph-id="ph-page-element-page10-bA5Khb"> <span class="sr-only" data-ph-id="ph-page-element-page10-uy0NjD"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page10-Ap1MI7"> <span data-ph-at-id="email-text" data-ph-id="ph-page-element-page10-HavT38"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page10-bSnXoM"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-OK7szr"> <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-page10-WnswIj"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page10-vcwHEY"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page10-Ubuw3m"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page10-kIw2mP"> ${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-page10-hHMhWt"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page10-v4IpNx"> ${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-page10-DXS1eq"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-dDsQy1"> <div data-ph-id="ph-page-element-page10-KTd9y0"> <label for="phone" data-ph-id="ph-page-element-page10-dWc3v1"> <span class="sr-only" data-ph-id="ph-page-element-page10-V7Rbvs"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page10-f4GPB1"> <span data-ph-at-id="phone-text" data-ph-id="ph-page-element-page10-l3KcjC"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-nkAQHl"> <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-page10-hggW4u"> <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-page10-zvBSF7"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page10-6mz3KD"> ${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-page10-KMq4jl"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-page-element-page10-g8o53S"> <div data-ph-id="ph-page-element-page10-No1i6x"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-page-element-page10-j4WrTP"> <span data-ph-id="ph-page-element-page10-uiuOnl"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-page-element-page10-LSsjiL"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page10-WBu6Xt"> <span data-ph-id="ph-page-element-page10-V406BM"> ${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-page10-tAJn00"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page10-LF9ECq"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page10-ruXzVt"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-AWWfrO"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page10-z9RYuj"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page10-5BhBZ0"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-page-element-page10-VKTr7k"> <div data-ph-id="ph-page-element-page10-kV5Lmq"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-page-element-page10-mUikat"> <span data-ph-id="ph-page-element-page10-mK9nWL"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-page-element-page10-4dLJvB"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-page-element-page10-Pi6WcA"> <span data-ph-id="ph-page-element-page10-isJBnM"> ${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-page10-IpIch9"> <div class="job-title-inner-wrapper" data-ph-id="ph-page-element-page10-yrNTEu"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page10-Ngq1MX"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page10-KLjqhN"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-page-element-page10-PgIN2y"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-page-element-page10-DlkfQQ"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page10-7dLS4i"> <div class="input-group" data-ph-id="ph-page-element-page10-ajUuqf"> <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-page10-DulDmd"> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page10-X8hinh"></i> </input></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-page10-Riaxuv"> <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-page10-CLMWfr"> </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-page10-Qjbygv"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-H5l0J4"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page10-3sl1ox"> <span data-ph-id="ph-page-element-page10-uslFd0"> ${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-page10-92LKjK"> ${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-page10-8u4S9Q"> <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-page10-yUAUlc"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page10-61nKJE"> <h3 class="job-titles-heading" data-ph-id="ph-page-element-page10-dwNkP5"> ${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-page10-wXglG6"> <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-page10-EB4bi4"> ${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-page10-0AYjqJ"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page10-cAna2b"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page10-p0d1Yr"> <div class="skills-inner-wrapper" data-ph-id="ph-page-element-page10-GNEizz"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page10-tsY0eb"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page10-w8glbh"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-page-element-page10-0Oqd0F"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page10-kuHNuO"> <div class="input-group" data-ph-id="ph-page-element-page10-bg8rY1"> <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-page10-aN8eG5"> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page10-ZrnN55"></i> </input></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-page10-09zClE"> <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-page10-KMTzAb"> </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-page10-k4Akt6"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-GsqtYL"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page10-ZDlc7C"> <span data-ph-id="ph-page-element-page10-dzVuwl"> ${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-page10-Wc6w8v"> ${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-page10-vVBnxU"> <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-page10-3xhr0N"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page10-ZBccMt"> <h3 class="skills-heading" data-ph-id="ph-page-element-page10-aoWCxQ"> ${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-page10-uVaj94"> <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-page10-dRK1D8"> ${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-page10-VxL6ko"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page10-UWyzuW"></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-page10-FKU3JN"> <div data-ph-id="ph-page-element-page10-nsbSfB"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-page-element-page10-HmeFbw"> ${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-page10-lJ1xIu"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-page-element-page10-EN1bRr"> <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-page10-4mjEW0"> <span data-ph-id="ph-page-element-page10-52Ea0b">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page10-dJ1q4m"></i> </button> </li> </ul> </div> </div> </div> </div> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page10-PtNJ2K"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page10-uE3htp"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page10-i5Dknb"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page10-xmYUx0"> ${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-page10-s2EpvY"> <legend class="sr-only" data-ph-id="ph-page-element-page10-ucDfUC"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-page-element-page10-jqHeSf"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-page-element-page10-1JBb14"> <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-page10-JfCnLN"> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-page-element-page10-szRvYS"> <span data-ph-id="ph-page-element-page10-G7CtXy">${exp.displayName} </span> <span data-ph-id="ph-page-element-page10-urxOeI"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </input></span> </div> </fieldset> </div> </div> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page10-T64eQg"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page10-Ciy7x2"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page10-G3N2lQ"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page10-UYLbVz"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-page-element-page10-gG9gNW"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-page-element-page10-ObgTb1"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-page-element-page10-Spiv6D"> <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-page10-FFjOs7"> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page10-WjFueR"></i> </input></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-page10-qn8MG0"> <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-page10-nKndKl"> </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-page10-gmlRHG"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-10ekZM"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page10-2xzQpb"> <span data-ph-id="ph-page-element-page10-ehy678"> ${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-page10-BjdYSd"> ${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-page10-ErIZzT"> <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-page10-FY7TOZ"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page10-dTUWyT"> <h3 class="location-heading" data-ph-id="ph-page-element-page10-xteHkp"> ${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-page10-QdfkO7"> <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-page10-Ae1miI"> ${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-page10-UbyaU1"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page10-GzkQdj"></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-page10-AsZwpf"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-page-element-page10-wCgvi1"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-page-element-page10-kZo8iK"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-page-element-page10-pvt8Il"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-page-element-page10-OXsMIk"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-page-element-page10-UQxWk1"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-page-element-page10-KMAbAp"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-page-element-page10-XuGnKx"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-page-element-page10-98Ain0"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-yK3qdm"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page10-Tp2lJa"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-page-element-page10-zIz52m"> <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-page10-G0Mg6G"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-page-element-page10-TEzJOy"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-page-element-page10-6NdJZL"> <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-DNlyBO" data-ph-at-id="close-link" data-ph-id="ph-page-element-page10-2OuvLN"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-MSgb7g"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-page-element-page10-PdXBJw"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-page-element-page10-O66KtV"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-khRHUB" class="sr-only" data-ph-id="ph-page-element-page10-V9p3PZ" language-overriden="true">Failure icon</span> </div> <div data-ph-id="ph-page-element-page10-fqz3NV"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-page-element-page10-Ee24S1"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-CQh5vU" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-UivZSh" language-overriden="true"> Oops invalid format... </ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-page-element-page10-EWeXIc"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-8S3lgA" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-I0ldC8" language-overriden="true"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-page-element-page10-q4PEcq"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-nyrDM5" data-ph-at-id="description-text" data-ph-id="ph-page-element-page10-WRygjf" language-overriden="true"> 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-page10-teocI5"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page10-Ma86f3"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-r3zGgA" data-ph-at-id="description-text" data-ph-id="ph-page-element-page10-NAYZww" language-overriden="true"> Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page10-yOlSJc"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-ZmoE60" data-ph-at-id="error-text" data-ph-id="ph-page-element-page10-pxOA59" language-overriden="true"> Please try to upload your resume again </ppc-content> </p> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page10-dwCiMv"> <div class="upload-again" data-ph-id="ph-page-element-page10-0aXuJx"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page10-yJGoPA" view="1663479082345-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="1663479082345-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-page10-Giu8lK"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page10-bjvrEU"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page10-m20Ba0"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-f7Pcf9" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page10-0kTHzw" language-overriden="true">Try again</ppc-content> </button> </div> </div> </section> </div> </div> </div> </div> <div if.bind="contactDetailsPopup" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-page-element-page10-VSboQ1"> <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-bDMKcG" data-ph-at-id="close-link" data-ph-id="ph-page-element-page10-ymFgpN"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-5fu536"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page10-Quh3lA"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-page-element-page10-66tMlC"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-page-element-page10-jaS1H1"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-jIVTi4" data-ph-at-id="description-error-text" data-ph-id="ph-page-element-page10-QePt3D" language-overriden="true"> Sorry ! Something went wrong, please try again in a few minutes </ppc-content> </p> <h2 if.bind="contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page10-O5Hntd"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-vnO5xZ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-vkolS2" language-overriden="true">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-page10-EI23CR"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-HVckvj" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-C9vTVi" language-overriden="true">But we noticed the below information is missing from it. Please complete the following:</ppc-content> </h2> <div data-ph-id="ph-page-element-page10-VHxF2T"> <form role="form" aria-label="contact details" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-Hq6YTY" data-ph-id="ph-page-element-page10-1QvZAN"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-ytdOC1"> <div data-ph-id="ph-page-element-page10-K26TVe"> <label for="email" data-ph-id="ph-page-element-page10-R6OFIw"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-KCAyqC" class="sr-only" data-ph-id="ph-page-element-page10-qDmNqB" language-overriden="true"> Email </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page10-eDXtNs"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-KCAyqC" data-ph-at-id="email-text" data-ph-id="ph-page-element-page10-LkCnFD" language-overriden="true"> Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-n72XIp"> <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-lZuK3V" 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-page10-d5oK4f"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page10-1FQBu9"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page10-bcPwBn"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-ycpmzF" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page10-gjVldE" language-overriden="true">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-page10-6QcQ9J"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-nENWIM" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page10-qSd3R5" language-overriden="true"> Enter a vaild email adress </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-page-element-page10-sJlVnf"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-CnQZir"> <div data-ph-id="ph-page-element-page10-S9ENw0"> <label for="phone" data-ph-id="ph-page-element-page10-pdmzBX"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-w1Mq8z" class="sr-only" data-ph-id="ph-page-element-page10-ufligC" language-overriden="true">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page10-6tCRmj"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-ZUCrlM" data-ph-at-id="phone-text" data-ph-id="ph-page-element-page10-yU3O24" language-overriden="true"> Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page10-wFrSr6"> <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-WBDJAX" 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-page10-28msP8"> <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-page10-WZhUMH"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-bUXKYy" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page10-MOVub8" language-overriden="true">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-page10-50mhLW"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-page-element-page10-90HYmV"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page10-lIkfLr"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-bQGk9G" data-ph-id="ph-page-element-page10-6BhUrz" language-overriden="true"> 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-page10-atttOf"> <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-uNoPF3" data-ph-at-id="close-link" data-ph-id="ph-page-element-page10-DXE2BH"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-PL8O4c"></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-page10-Iu1kHg"> <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-page10-psGXnW"> <p data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page10-29rXbJ"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-page-element-page10-w7LIJw"> <h2 class="phs-heading" data-ph-id="ph-page-element-page10-KHc6gK"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-MhRUFd" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-TyIfxp" language-overriden="true"> Sign in and keep your data for future visits </ppc-content> </h2> <section class="ph-widget" data-ph-id="ph-page-element-page10-NPcuej" view="1663479082346-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="1663479082346-view4" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-page-element-page10-iKYps0"></div> </section> <div class="signin-info" data-ph-id="ph-page-element-page10-LZK3zX"> <span data-ph-id="ph-page-element-page10-nV9uTY"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page10-WzJfi6"></i> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-w572Ga" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-page-element-page10-p0u8ng" language-overriden="true"> We never post anything without your permission </ppc-content> </span> </div> </div> </div> </div> <div class="social-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && !isAnonymous" data-ph-id="ph-page-element-page10-SPWVWX"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-page-element-page10-HbZmMb"> <div class="failure-img-block" data-ph-id="ph-page-element-page10-QbYjHy"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-page-element-page10-McewOP"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-395Vdm" class="sr-only" data-ph-id="ph-page-element-page10-tA7VFM" language-overriden="true">success icon </span></div> <div data-ph-id="ph-page-element-page10-rwZzO2"> <h3 class="heading" data-ph-id="ph-page-element-page10-FAoNiv"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-gkDoqy" data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page10-HTagt2" language-overriden="true"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-page-element-page10-zseBRj"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-DTX5sW" data-ph-at-id="sucess-desc1" data-ph-id="ph-page-element-page10-2SiVEx" language-overriden="true"> Your file is successfully uploaded </ppc-content> </div> <div class="p-text" data-ph-id="ph-page-element-page10-Wp6eWE"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-HkvRKJ" data-ph-at-id="sucess-desc2" data-ph-id="ph-page-element-page10-b948UF" language-overriden="true"> Enjoy your personalized jobs </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page10-UjDt9M"> <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-phnji4" data-ph-at-id="close-link" data-ph-id="ph-page-element-page10-Qxgwtk"> <span class="btn primary-button" data-ph-id="ph-page-element-page10-mMhFmd"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-cRnS7f" data-ph-at-id="close-link-text" data-ph-id="ph-page-element-page10-eMod2P" language-overriden="true"> Close </ppc-content> </span> </button> </div> </div> </div> </div> <div if.bind="isDeleteResume" class="upload-delete" data-ph-at-id="upload-delete-block" data-ph-id="ph-page-element-page10-BiI0PR"> <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-QlZMgX" data-ph-at-id="close-link" data-ph-id="ph-page-element-page10-8uVmkc"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-BGxN2D"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-page-element-page10-DjP5Mo"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-page-element-page10-7r3mOs"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-default-ai8eoj-cO5idp" data-ph-id="ph-page-element-page10-zaWzkv" language-overriden="true">reset icon</span> </div> <div data-ph-id="ph-page-element-page10-g2doZd"> <div class="p-text" data-ph-id="ph-page-element-page10-ugpRl0"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-go2Cx4" data-ph-at-id="description-text" data-ph-id="ph-page-element-page10-Xl9FpX" language-overriden="true"> By resetting personalization <br data-ph-id="ph-page-element-page10-Gj27Og" />you will lose your personalized job recommendations <br /></ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page10-9HfvSe"> <div class="delete-link" data-ph-id="ph-page-element-page10-dnY2ih"> <button class="btn warning-button" aria-label="Reset" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-pX3526" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-page-element-page10-Rp5mvx"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Gtwxlb" data-ph-id="ph-page-element-page10-UFklNK" language-overriden="true"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="6ty93o" if.bind="isFyfEnabled" data-ph-id="ph-page-element-page10-tMxU9F" view="1663479082357-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="1663479082357-default" original-view="default" data-ph-id="ph-page-element-page10-WH0OBT"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page10-evxUrG"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page10-9EG5Ko"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-page-element-page10-8R4RIZ" view="1663479082618-default" original-view="default" theme="default"> <div as-element="ph-candidate-login-v1" flow-type="signUp" data-widget="ph-candidate-login-v1" widget-context.bind="candidatePopupData" class="ph-candidate-login-v1-default-default ph-widget-target" view="default-1663491051851" instance-id="fyf2" original-view="default" data-ph-id="ph-page-element-page10-7W0iF4"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-fJyozf"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-page-element-page10-0Avuxz"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-page-element-page10-W5JE84"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1670529310537-view8" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-1670529310537-2"></div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="NDTtb6-ph-category-overview-v3-view8-regionRole" aria-label="GET IN THE GAME" key-aria-label="J9Z2dc-NDTtb6-ph-category-overview-v3-view8-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-1670529310537-3"> <div class="widget-container" data-ph-id="ph-widget-element-1670529310537-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-1670529310537-5"> <ppc-content key="19IvOR-NDTtb6-ph-category-overview-v3-view8-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1670529310537-7" language-overriden="true"><h1 ph-element-dummy-ele="true"><span class="ph-cc-ms-f-s-36 ph-cc-d-f-s-36 ph-cc-t-f-s-22 ph-cc-m-f-s-16"><span class="darkar"><font face="Action NBA-Bold">FIND YOUR POSITION</font></span></span></h1></ppc-content> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-1670529310537-8"> <ppc-content key="NDTtb6-ph-category-overview-v3-view8-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-1670529310537-9" language-overriden="true"></ppc-content></p><ul> <li style="list-style-type:none"><span style="font-size:11pt"><span style="line-height:107%"><span style="font-family:Calibri,sans-serif"><span style="font-size:11.5pt"><span style="background:white"><span style="line-height:107%"><span style="font-family:"Arial",sans-serif"><span style="color:black">From streaming live entertainment and games, to emerging technology, marketing, security and more, the NBA has positions available for the most passionate and accomplished candidates. Every member of our team serves an important and valuable role. Whether you are on the court, behind the scenes or out in the community, you're helping others experience the NBA like never before.</span></span></span></span></span></span></span></span></li> </ul> <p></p> </div> <div class="content-block" data-ph-id="ph-widget-element-1670529310537-10"> <div class="${mode}" data-ph-id="ph-widget-element-1670529310537-11"> <div ph-role="data.bind:categoryViewModel" class="row category-column-${cardsPerRow}" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" data-ph-id="ph-widget-element-1670529310537-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-1670529310537-13"> <a ph-tevent="job_category_click" ref="linkEle" href.bind="getUrl(linkEle, 'category', category)" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" aria-label="${category.key} ${category.total_count} ${category.total_count == 1 ? (widgetBundle['categoryCountSingler']) : (widgetBundle['categoryCountPlural'])}" data-ph-id="ph-widget-element-1670529310537-14"> <div class="category-info" role="text" data-ph-id="ph-widget-element-1670529310537-15"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-1670529310537-16">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-1670529310537-17"> <span data-ph-id="ph-widget-element-1670529310537-18">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1670529310537-19"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-1670529310537-20"> <span data-ph-id="ph-widget-element-1670529310537-21">( ${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1670529310537-22"> ${widgetBundle['categoryCountPlural'] | pht} ) </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-1670529310537-23"> <span data-ph-id="ph-widget-element-1670529310537-24">( ${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1670529310537-25"> ${widgetBundle['categoryCountSingler'] | pht} ) </span> </p> </div> </a> </div> <!--aria-label="${category.key} ${category.total_count} jobs" --> <div if.bind="(mode != 'slider') && (type != 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-widget-element-1670529310537-26"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" aria-label="${category.key} ${category.total_count} ${category.total_count == 1 ? (widgetBundle['categoryCountSingler']) : (widgetBundle['categoryCountPlural'])}" data-ph-id="ph-widget-element-1670529310537-27"> <div class="category-info" role="text" data-ph-id="ph-widget-element-1670529310537-28"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-1670529310537-29">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-1670529310537-30"> <span data-ph-id="ph-widget-element-1670529310537-31">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1670529310537-32"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-1670529310537-33"> <span data-ph-id="ph-widget-element-1670529310537-34">(${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1670529310537-35"> ${widgetBundle['categoryCountPlural'] | pht} ) </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-1670529310537-36"> <span data-ph-id="ph-widget-element-1670529310537-37">(${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1670529310537-38"> ${widgetBundle['categoryCountSingler'] | pht} ) </span> </p> </div> </a> </div> <div if.bind="(mode != 'slider') && (type == 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-widget-element-1670529310537-39"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'search-results', {}, 'subCategory='+category.key)}" class="category-${$index + 1} list-item-link" aria-label="${category.key} ${category.total_count} ${category.total_count == 1 ? (widgetBundle['categoryCountSingler']) : (widgetBundle['categoryCountPlural'])}" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-1670529310537-40"> <div class="category-info" data-ph-id="ph-widget-element-1670529310537-41"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-1670529310537-42">${category.key}</p> <p if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-1670529310537-43">${category.total_count} <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1670529310537-44">${widgetBundle['categoryCountSingler'] | pht}</span> </p> <p if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-1670529310537-45">${category.total_count} <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1670529310537-46">${widgetBundle['categoryCountPlural'] | pht}</span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-widget-element-1670529310537-47"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="NDTtb6-ph-category-overview-v3-view8-showMoreActionTitleText" key-aria-label="NDTtb6-ph-category-overview-v3-view8-showMoreActionAriaLabelText" key-role="NDTtb6-ph-category-overview-v3-view8-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-1670529310537-48"> <ppc-content key="NDTtb6-ph-category-overview-v3-view8-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-1670529310537-49" language-overriden="true"> Show More </ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="NDTtb6-ph-category-overview-v3-view8-viewNextActionTitleText" key-aria-label="NDTtb6-ph-category-overview-v3-view8-viewNextActionAriaLabelText" key-role="NDTtb6-ph-category-overview-v3-view8-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-1670529310537-50"> <ppc-content key="NDTtb6-ph-category-overview-v3-view8-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-1670529310537-51" language-overriden="true"> View Next </ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="NDTtb6-ph-category-overview-v3-view8-viewAllActionTitleText" key-aria-label="NDTtb6-ph-category-overview-v3-view8-viewAllActionAriaLabelText" key-role="NDTtb6-ph-category-overview-v3-view8-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-1670529310537-52"> <ppc-content key="NDTtb6-ph-category-overview-v3-view8-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-1670529310537-53" language-overriden="true"> View All </ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="NDTtb6-ph-category-overview-v3-view8-showLessActionTitleText" key-aria-label="NDTtb6-ph-category-overview-v3-view8-showLessActionAriaLabelText" key-role="NDTtb6-ph-category-overview-v3-view8-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-1670529310537-54"> <ppc-content key="NDTtb6-ph-category-overview-v3-view8-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-1670529310537-55" language-overriden="true"> Show Less </ppc-content> </a> </div> <!--show slider actions when mode is slider and mode option loop is true--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-1670529310537-56"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="View Previous Slide" key-title="sG8epM-NDTtb6-ph-category-overview-v3-view8-previousSlideActionTitleText" key-aria-label="jpwlYL-NDTtb6-ph-category-overview-v3-view8-previousSlideActionAriaLabelText" key-role="ozzGN2-NDTtb6-ph-category-overview-v3-view8-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-1670529310537-57"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-1670529310537-58"></i> <ppc-content key="128aUT-NDTtb6-ph-category-overview-v3-view8-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-1670529310537-59" language-overriden="true"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="View Next Slide" key-title="4147o2-NDTtb6-ph-category-overview-v3-view8-nextSlideActionTitleText" key-aria-label="7lrKtf-NDTtb6-ph-category-overview-v3-view8-nextSlideActionAriaLabelText" key-role="aVOEE4-NDTtb6-ph-category-overview-v3-view8-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-1670529310537-60"> <ppc-content key="OgVS0I-NDTtb6-ph-category-overview-v3-view8-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-1670529310537-61" language-overriden="true"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-1670529310537-62"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-1670529310537-63"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-1670529310537-64"> </a> </div> </div> <!--show slider actions when mode is slider and mode option loop is false--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-1670529310537-65"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="View Previous Slide" key-title="3GdgOq-NDTtb6-ph-category-overview-v3-view8-previousSlideActionTitleText" key-aria-label="Vv86wK-NDTtb6-ph-category-overview-v3-view8-previousSlideActionAriaLabelText" key-role="GqcfCA-NDTtb6-ph-category-overview-v3-view8-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-1670529310537-66"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-1670529310537-67"></i> <ppc-content key="0o0H6E-NDTtb6-ph-category-overview-v3-view8-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-1670529310537-68" language-overriden="true"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="View Next Slide" key-title="vBhsx3-NDTtb6-ph-category-overview-v3-view8-nextSlideActionTitleText" key-aria-label="NfNbYD-NDTtb6-ph-category-overview-v3-view8-nextSlideActionAriaLabelText" key-role="yUfYUv-NDTtb6-ph-category-overview-v3-view8-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-1670529310537-69"> <ppc-content key="zB3cwY-NDTtb6-ph-category-overview-v3-view8-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-1670529310537-70" language-overriden="true"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-1670529310537-71"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-1670529310537-72"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-1670529310537-73"> </a> </div> </div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-1670529310537-74"> <p data-ph-id="ph-widget-element-1670529310537-75"> <ppc-content key="NDTtb6-ph-category-overview-v3-view8-noDataViewText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-1670529310537-76" language-overriden="true"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript" nonce=""> phApp.pageId = "page10";</script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-1707825595272-default" nonce=""><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="gdpr-regionRole" aria-label="cookies message" key-aria-label="gdpr-cookiesMessageAriaLabel" if.bind="showCookiePopup" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-ZuLu0a"> <div class="container" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-GqTxGQ"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-kxpDeq"> <ppc-content key="gdpr-cookietextAreaText" data-ph-at-id="cookie-text" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-rjA6cw"> We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our <a ph-href="cookiesettings" key-ph-href="rlaKxT-gdpr-popupCareerSiteCookieSettingsHrefText" class="cookie-settings" data-ph-at-id="cookie-settings-link" data-ph-id="ph-widget-element-827645896155752-6">Cookie Settings</a> page. </ppc-content> </div> <div class="cookie-button-area phcriticalhide ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-jdWLs9"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="gdpr-popupCareerSiteCookieSettingsHrefText" class="btn plain-button cookie-settings" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="gdpr-popupCookieSettingsAriaLabel" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-DehTQR"> <ppc-content key="gdpr-popupCookieSettingsText" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-YSVDrB"> 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-1707825595272-default-ph-cookie-popup-v2OBXZCF-t9PDPQ"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-quHcvg"></i> <ppc-content key="gdpr-denyCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-X0vkRX"> 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-1707825595272-default-ph-cookie-popup-v2OBXZCF-MRwKmW"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-lTyQKY"></i> <ppc-content key="gdpr-allowCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-vqSvdm"> Allow </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-bh6WVU"> <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-1707825595272-default-ph-cookie-popup-v2OBXZCF-n4zpm2"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-8CtnjU"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-NzP0BV"> <ppc-content key="gdpr-piiConsentTextBlock" data-ph-at-id="pii-consent-text" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-0pBInT"> 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-1707825595272-default-ph-cookie-popup-v2OBXZCF-HH6TlY"> <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-1707825595272-default-ph-cookie-popup-v2OBXZCF-34fHPA"> <i class="icon icon-check-mark" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-d4uC2r"></i> <ppc-content key="gdpr-piiConsentAcceptLink" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-1707825595272-default-ph-cookie-popup-v2OBXZCF-aMXVlq"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></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-category-overview-v3-view8":{"categoryCountPlural":"Jobs","categoryCountSingler":"Job"},"ph-find-your-fit-container-v1-default":{"resumeResetDropDownText":"Reset","contactDetailsAreaCancelBtnText":"Cancel","contactDetailsAreaHeadingText":"Confirm Personal Details","contactDetailsAreaPreferredNameInputErrorText":"Preferred Name should not empty","resumeLocationSuggestionAriaLabel":"Job Location suggestions","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","contactDetailsAreaName":"Name ","resumeCancelPopupSubHeading":"In 60 seconds we will find you the right job","resumeExperienceSubHeading":"Verify and update your details.","resumeSkillSetSuggestionsHeading":"Your skills","contactDetailsAreaNamePlaceholder":"Enter Your Name","resumeLocationSubHeading":"Verify and update your details","resumeLocationPlural":"locations","contactDetailsAreaEmailInputErrorCorrentFormat":"Enter a vaild email adress ","resumeJobTitleSuggestionAriaLabel":"Recent job title suggestions","resumeCancelPopupCancelBtn":"Cancel Site Personalization","resumeStepsSubmitText":"Submit","resumeResetDropDownAriaLabel":"Reset Personalization","resumeSkillSetSingular":"skill","contactDetailsAreaNameInputErrorText":"Name should not empty","resumeEditDropDownBtnAriaLabel":"Edit your resume","resumeExperienceLegendText":"Experience","contactDetailsAreaPhoneInputErrorText":"Please enter correct phone number","resumeCancelPopupHeading":"Are you sure you want to cancel?","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeJobTitlePlural":"Job titles","resumeLocationSingular":"location","contactDetailsAreaSubmitBtnText":"Submit","uploadResumeProfileFirstName":"Hi {{userFirstName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"The career site has been personalized based on your resume '{{resumeName}}'","resumeLocationSuggestionsHeading":"Your preferred locations","contactDetailsAreaEmailInputErrorText":"Email should not be empty","resumeExperienceYearsText":"years","resumeEditDropDownText":"Edit","resumeLocationSearchPlaceholder":"Search to Add Locations","resumeJobTitleSearchPlaceholder":"Search to Add Titles","resumeCancelPopupContinueBtn":"Continue Site Personalization","resumeSkillSetSuggestedHeading":"Select suggested skills","resumeSkillSetNoResults":"No results found","contactDetailsAreaPreferredName":"Preferred Name","resumeLocationSearchLabel":"Search locations here (You can enter multiple values)","uploadFileSizeError":"Upload file size should not exceed {{fileSize}} mb","resumeJobTitleSingular":"Job title","resumeJobTitleSearchLabel":"Search Job title here (You can enter multiple values)","resumeStepsPrevText":"Previous","resumeJobTitleSubHeading":"Verify and update your details.","contactDetailsAreaEmail":"Email","resumeSkillSetSubHeading":"Verify and update your details.","resumeJobTitleSuggestionsHeading":"Your job titles","resumeSkipThisSection":"Skip this section","contactDetailsAreaPopupCloseAriaLabel":"Contact details popup close","resumeLocationNoResultsText":"No results found","resumeJobTitleNoResults":"No results found","resumeSkillSetPlural":"skills","resumeSkillSetSearchPlaceholder":"Search to Add Skills","resumeSkillSetSuggestionAriaLabel":"Skill Set suggestions","resumeExperience":"Experience (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeSkillSetSearchLabel":" Search skill set here (You can enter multiple values)","resumeEditFYfDropDownText":"Edit profile","resumeJobTitle":"Job Title (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeShowingText":"Showing","resumeNewResumeDropDownAriaLabel":"Upload new file","contactDetailsAreaPreferredNamePlaceholder":"Enter Your Preferred Name","resumeRemoveText":"Remove","contactDetailsPopupCloseAriaLabel":"Close Popup","resumeNewResumeDropDownText":"Use new resume","contactDetailsAreaPhone":"Phone Number","resumeStepsNextText":"Next","resumeAddText":"Add","contactDetailsAreaPhonePlaceHolder":"Enter your phone number"},"ph-candidate-login-v1-default":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","signInIcon":"icon icon-user-4","validEmailIcon":"icon icon-check-mark-thick-1","requiredText":"required","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","signOutButton":"Sign out","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","resetPasswordButtonText":"Send password reset link","privacyPolicyText":"Privacy Policy","signInPopUpHeading":"Sign in","forgotPasswordLinkText":"Forgot your password?","privacyPolicyCheckboxSeparatorText":" and ","errorMessageInvalidPassword":"Oops! Password must be at least 8 characters, and at least 1 uppercase, lowercase, numeric and a special character should be present","createAccErrorStatement1":"Password must have at least ","createAccErrorStatement2":"8 characters,","showPasswordIcon":"icon icon-eye-1","signInButtonLabel":"Already have an account?","createAccErrorStatement3":"one number,","signInPopUpSubHeading":"","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","loggedInBtnAriaLabel":"Your profile {{saluteText}}","accCreated2Error":"Please continue with","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","signup":"Sign up","returnSigninText":"Return to Sign in","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","termsLinkText":"Terms of Use","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","personalAccountLinkText":"View profile","signInEmailFormLabel":"Email","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","closePopUpButtonIcon":"icon icon-cancel","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"javascript:void(0);","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","submitText":"Submit","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","staySignedInCheckboxAriaLabel":"Stay signed in","closePopupButtonAriaLabel":"Close popup","seperatorText":"or use your social account","errorIncorrectPassword":"Your password is incorrect. Please try again","piiConsentError":"Please accept all the required consents","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","salutationText":"Hi","createAccountLinkText":"Sign up","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":"javascript:void(0);","signInEmailFormAriaLabel":"Enter email","errorMessageInvalidEmail":"Please enter a valid email address.","signInPasswordFormAriaLabel":"Enter password","doneText":"Done","privacyPolicyLinkText":"Privacy Policy.","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-recom-jobs-browsing-history-v3-default":{"locationText":"location","applyNowText":"Apply Now","city":"City","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","title":"Title","remote":"Remote","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","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process ","multilocationText":"Job available in {{multilocationValue}} locations","removeJobText":"Remove","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-social-connect-v1-view4":{"profileCount":"{{profileCount}} previous profiles"," privacyPolicyCheckboxText":"I have read and agree to the ","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","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);","google-sign":"Sign in with Google","privacyPolicyText":"Privacy Policy","mergeCount":"Merge selected ({{profileCount}})"},"ph-candidate-login-v1-view1":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","resetPasswordInvalidText":"Your reset password link is invalid. Please try again.","validEmailIcon":"icon icon-check-mark-thick-1","setNewPwdText":"Set new password","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","signOutButton":"Sign out","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","forgotPasswordLinkText":"Forgot your password?","signInPopUpHeading":"Sign in","privacyPolicyCheckboxSeparatorText":" and ","errorMessageInvalidPassword":"Oops! Password must be at least 8 characters, and at least 1 uppercase, lowercase, numeric and a special character should be present","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","signInButtonLabel":"Already have an account?","createAccErrorStatement3":"one number,","signInPopUpSubHeading":"","resendEmailText":"Click here to resend","emailInUseError":"This email address is already in use. Please try again or","resendFailedText":"You have raised maximum number of resend request","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxText":"I have read and agree to the ","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.","returnSigninText":"Return to Sign in","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","termsLinkText":"Terms of Use","emailValSendText":"If you haven't received a verification email","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","personalAccountLinkText":"My Account","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","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 personalised profile","errorSrOnly":"error:","createAccountButtonLabel":"Don’t have an account?","passwordVisibleSrOnly":"Password is visible","privacyPolicyLink":"javascript:void(0);","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. ","signInLinkText":"Sign in","emalValHeadingText":"Please check your email","staySignedInCheckboxAriaLabel":"Stay signed in","seperatorText":"or use your social account","errorIncorrectPassword":"Your password is incorrect. Please try again","hidePasswordText":"Hide password","pwdNotMeetRequirements":"Password did not meet the requirements for","resetLinkExpired":"Password reset Link has been expired","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","salutationText":"Hi, ","createAccountLinkText":"Sign up","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","passwordInvisibleSrOnly":"Password is invisible","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","resentEmailButtonLabel":"Didn't receive the mail?","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"javascript:void(0);","signInPasswordFormAriaLabel":"Enter password","errorMessageInvalidEmail":"Please enter a valid email address.","signInEmailFormAriaLabel":"Enter email","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":"Apply Now","locationText":"location","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","remote":"Remote","type":"Job Type","title":"Title","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"ExpiryDate","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","rate":"Rate of Pay","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","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":{"applyNowText":"Apply Now","locationText":"location","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","type":"Job Type","remote":"Remote","title":"Title","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","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","category":"Category","travelRequiremnt":"Travel"},"ph-near-by-jobs-v2-default":{"applyNowText":"Apply Now","locationText":"location","city":"City","seeNextText":"See next","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","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","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","locationBlockedHeadingText":"Location access is turned off","uploadInfoText":"Upload a file up to 1 mb (Word, pdf, text)","resumeParsedText":"Your resume was successfully uploaded and parsed.","tryAgainText":"Try again","resumeFileSizeExceedsText":"Upload a file up to {{fileSize}} mb","addSkillButtinAriaLabel":"Add {{skillName}}","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","locationBlockedOkText":"OK","deleteResumeHeading":"Are you sure you want to delete your resume?","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.","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","gotItText":"Got it","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-social-share-v3-default":{"whatsapp":"Share via whatsapp","twitterTitle":"Share via twitter","google-plusTitle":"Share via google plus","instagram":"Share via Instagram","linkedin":"Share via LinkedIn","weiboTitle":"Share via weibo","facebookTitle":"Share via Facebook","copylink":"Copy job link","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","vkAriaLabel":"Share via vk","emailTitle":"Share via email","instagramTitle":"Share via Instagram","facebook":"Share via Facebook","telegramAriaLabel":"Share via telegram","copylinkAriaLabel":"Copy job link","emailClientSubject":"{{title}} at {{companyName}}","telegram":"Share via telegram","pinterest":"Share via pinterest","twitterAriaLabel":"Share via twitter","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","copylinkTitle":"Copy job link","google-plusAriaLabel":"Share via google plus","xingAriaLabel":"Share via xing","pinterestAriaLabel":"Share via pinterest","emailClientBody":"Check out this job:","emailAriaLabel":"Share via email","vk":"Share via vk","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"}} </script><style>.phcriticalhide{display: none!important}</style> <script snippet_id="GTM-HEAD-143" nonce="">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;n=d.querySelector('[nonce]');if(n){j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'))};f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-TLTNNQ9');</script><meta name="google-site-verification" content="JrehZLB4uSLLqaYsMv3VIZwit9VFRlQ26goH2KEkqb0" /><script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "en_us","name": "home","url": "https://careers.nba.com","datePublished": "2024-10-01","dateModified": "2024-10-01"}</script><script id="ph_app_widgetscript_url" type="text/javascript">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1722507978142.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/tenantcss/main-1704386972835.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/tenantcss/color-css-1721664170837.css" id="colorCss" /></head> <body class="home-page" data-ph-id="ph-page-element-page10-8xy6co" style="visibility: hidden;"><noscript nonce="__CSP_NONCE__" snippet_id="GTM-BODY-143"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TLTNNQ9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><a href="search-results" class="hide" style="display: none">Search results</a> <div class="ph-header" data-ph-id="ph-page-element-page10-7WpihX"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="SICi6Zpo"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page10-3bDqne"><section class="ppc-section ph-widget" type="dynamic" instance-id="OBXZCF" theme="default" original-view="default" ph-module="onetrust" data-ph-id="ph-widget-element-1707825595272-JppVMF"><div class="ph-cookie-popup-v2-default-default ph-widget-target" as-element="ph-cookie-popup-v2" data-widget="ph-cookie-popup-v2" view="1707825595272-default" theme="default" original-view="default" instance-id="OBXZCF" data-ph-id="ph-widget-element-1707825595272-5Uw3rz"></div></section> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page10-jHERVt"> <!-- hero block --> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page10-lnV00W" 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-page10-Iid4oZ" 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="ppc-section ph-widget" type="static" data-ph-id="-1696509713630" view="1696509714358-hero-block-cc-view7-option2" original-view="ph-hero-block-cc-view7-option2" instance-id="gMx0iD" theme="theme1"><div class="ph-hero-block-cc-view7-option2-theme1 ph-widget-target" data-ph-id="-1696509713630-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1696509714358-hero-block-cc-view7-option2" original-view="ph-hero-block-cc-view7-option2" theme="theme1" ph-removed="true" instance-id="gMx0iD"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-2875861302985074-2"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="gMx0iD-ph-hero-block-cc-view7-option2-listRole" data-ph-id="ph-widget-element-2875861302985074-3"> <div card-name="ph-hero-block-cc-view7" class="ph-card" key-role="gMx0iD-VOc0sB-ph-hero-block-cc-view7-option2-listItemRole" instance-id="VOc0sB" data-ph-id="ph-widget-element-2875861302985074-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-2875861302985074-5"> <figure class="image" key-role="gMx0iD-VOc0sB-v2wr6A-ph-hero-block-cc-view7-option2-presentationRole" role="presentation" instance-id="VOc0sB-v2wr6A" data-ph-id="ph-widget-element-2875861302985074-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-2875861302985074-7"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-2875861302985074-8"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/cropChild-AutdD-1692993737832.png" key-src="gMx0iD-VOc0sB-z9b0rR-ph-hero-block-cc-view7-option2-image-src" alt="" key-alt="gMx0iD-VOc0sB-z9b0rR-ph-hero-block-cc-view7-option2-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="VOc0sB-z9b0rR" data-ph-id="ph-widget-element-2875861302985074-9" height-val="492" /> </ppc-content> </ppc-container> </figure> <div class="inner-container" data-ph-id="ph-widget-element-2875861302985074-12"> <div class="global-search-block" data-ph-id="ph-widget-element-2875861302985074-13"> <ppc-container component-content-key="h1-heading" class="heading-one element-center" data-ph-cid="h1-heading1" data-ph-id="ph-widget-element-2875861302985074-14"> <h1 data-ph-id="ph-widget-element-2875861302985074-15"> <ppc-content key="gMx0iD-VOc0sB-37AFIC-ph-hero-block-cc-view7-option2-h1-heading-title-text" instance-id="VOc0sB-37AFIC" data-ph-id="ph-widget-element-2875861302985074-16"><div><span class="ph-cc-ms-f-s-68 ph-cc-d-f-s-68 ph-cc-t-f-s-41 ph-cc-m-f-s-27">INSPIRING AND CONNECTING PEOPLE EVERYWHERE THROUGH THE POWER OF BASKETBALL.</span></div></ppc-content> </h1> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-widget-element-2875861302985074-17"> <span class="description-block" data-ph-id="ph-widget-element-2875861302985074-18"> <ppc-content key="gMx0iD-VOc0sB-qCmbQi-ph-hero-block-cc-view7-option2-description-text" data-ph-at-id="description-text" instance-id="VOc0sB-qCmbQi" data-ph-id="ph-widget-element-2875861302985074-19"><div><span class="gray-lighter">That's our mission. You in?</span></div></ppc-content> </span> </ppc-container> <section class="ph-widget" instance-id="GFNlXV" original-view="view3" view="2875861107571822-view3" data-ph-id="ph-widget-element-2875861302985074-20"> <div as-element="ph-global-search-v1" instance-id="GFNlXV" class="ph-global-search-v1-view3-default ph-widget-target" view="2875861107571822-view3" data-widget="ph-global-search-v1" location-placeholder-text.bind="'search for location or zipcode'" placeholder-text.bind="'Search for Job title'" data-mode="loc-cat" original-view="view3" data-ph-id="ph-widget-element-2875861302985074-21"></div> </section> </div> </div> </div> </div> </div> </div></div></section> <!-- FYF --> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1694028466698" view="1694028466804-default" original-view="default" instance-id="RsRJeN" theme="theme28"><div class="ph-recom-jobs-browsing-history-v3-default-theme28 ph-widget-target" data-ph-id="-1694028466698-1" as-element="ph-recom-jobs-browsing-history-v3" data-widget="ph-recom-jobs-browsing-history-v3" view="1694028466804-default" original-view="default" theme="theme28" ph-removed="true" instance-id="RsRJeN"></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1694028826476" view="1694028826573-default" original-view="default" instance-id="C7gZZj" theme="theme28"><div class="ph-recently-viewed-jobs-v3-default-theme28 ph-widget-target" data-ph-id="-1694028826476-1" as-element="ph-recently-viewed-jobs-v3" data-widget="ph-recently-viewed-jobs-v3" view="1694028826573-default" original-view="default" theme="theme28" ph-removed="true" instance-id="C7gZZj"></div></section><section class="ph-widget" instance-id="ai8eoj" view="ai8eoj-default" original-view="default" data-ph-id="ph-page-element-page10-yaVu3C"> <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-1663479082667" original-view="default" data-ph-id="ph-page-element-page10-6lqWok"></div> </section> <!--profile recom jobs--> <section class="ph-widget" instance-id="c1ykg4" view="c1ykg4-default" original-view="default" data-ph-id="ph-page-element-page10-hug8jT"> <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-page10-eJfUbD"></div> </section> <!-- video popup --> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1670529310071" view="1670529310537-view8" original-view="view8" instance-id="NDTtb6" theme="theme2"><div class="ph-category-overview-v3-view8-theme2 ph-widget-target" data-ph-id="-1670529310071-1" as-element="ph-category-overview-v3" data-widget="ph-category-overview-v3" view="1670529310537-view8" original-view="view8" theme="theme2" ph-removed="true" instance-id="NDTtb6"></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1694631879817" view="1694631879910-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" instance-id="jkdH7n" theme="theme2"><div class="ph-media-large-img-left-cc-view1-option2-theme2 ph-widget-target" data-ph-id="-1694631879817-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1694631879910-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" theme="theme2" ph-removed="true" instance-id="jkdH7n"><div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" max-allowed-cards="2" data-ph-id="ph-widget-element-622778788652145-2"> <div class="inner-container" data-ph-id="ph-widget-element-622778788652145-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-622778788652145-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="hBP5KB" data-ph-id="ph-widget-element-622778788652145-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-622778788652145-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-622778788652145-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-622778788652145-18"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-622778788652145-19"> <div class="ph-card" card-name="ph-media-large-img-left-cc-view1" card-layout="ph-layout-h" data-ph-card-block-alignment="h" instance-id="38lVSm" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-622778788652145-20"> <div class="ph-card-block ph-media-large-img-left-cc-view1 ph-layout-h ph-cc-d-p-a-0" data-ph-at-id="ph-media-large-img-left-cc-view1" data-ph-id="ph-widget-element-622778788652145-21"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-622778788652145-22"> <div class="ph-col-3" ph-col-num="1" data-ph-id="ph-widget-element-622778788652145-23"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" data-ph-id="ph-widget-element-622778788652145-30"> <ppc-container component-content-key="heading" class="header ph-line-height-0_5" data-ph-cid="heading1" data-ph-id="ph-widget-element-622778788652145-31" style="font-family: "Action NBA-Regular";"> <span key-aria-level="jkdH7n-38lVSm-xKkeis-ph-media-large-img-left-cc-view1-option2-heading-text-aria-level" key-role="jkdH7n-38lVSm-xKkeis-ph-media-large-img-left-cc-view1-option2-heading-text-role" instance-id="38lVSm-xKkeis" data-ph-id="ph-widget-element-622778788652145-32"> <ppc-content key="jkdH7n-38lVSm-xKkeis-ph-media-large-img-left-cc-view1-option2-heading-text" data-ph-at-id="heading-text" instance-id="38lVSm-xKkeis" data-ph-id="ph-widget-element-622778788652145-33"><h1><span class="ph-cc-ms-f-s-27 ph-cc-d-f-s-27 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:Roboto-Light;"><strong>A GLOBAL PRESENCE</strong></span></span></h1></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-622778788652145-34"> <span class="description-block" data-ph-id="ph-widget-element-622778788652145-35"> <ppc-content key="jkdH7n-38lVSm-dyQOVP-ph-media-large-img-left-cc-view1-option2-description-text" data-ph-at-id="description-text" instance-id="38lVSm-dyQOVP" data-ph-id="ph-widget-element-622778788652145-36"><div><span class="darkar"><span style="font-family:Roboto-Light;"><span class="ph-cc-ms-f-s-16 ph-cc-d-f-s-16 ph-cc-t-f-s-16 ph-cc-m-f-s-16">Basketball is the No. 1 participation sport in the United States and the No. 2 participation sport globally, with more than 585 million people playing the game worldwide. We embrace the true global nature of our game and our business with offices in 13 markets around the world.</span></span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-622778788652145-37"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-622778788652145-38"> <a class="action-link" ph-href="search-results" key-ph-href="jkdH7n-38lVSm-5rmpqC-ph-media-large-img-left-cc-view1-option2-primary-link-href" title="Lorem Ipsum" key-title="jkdH7n-38lVSm-5rmpqC-ph-media-large-img-left-cc-view1-option2-primary-link-title-text" key-aria-label="jkdH7n-38lVSm-5rmpqC-ph-media-large-img-left-cc-view1-option2-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="38lVSm-5rmpqC" data-ph-id="ph-widget-element-622778788652145-39" data-ph-href="search-results" hidelinktarget="false" arialabel="" href="search-results"> <ppc-content key="jkdH7n-38lVSm-5rmpqC-ph-media-large-img-left-cc-view1-option2-primary-link-text" data-ph-at-id="link-text" instance-id="38lVSm-5rmpqC" data-ph-id="ph-widget-element-622778788652145-40"><div><span class="brand-color-primary">View Global Openings</span></div></ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-622778788652145-41"></i> </a> </div> </ppc-container> </div> </div> <div class="ph-col-9" ph-col-num="2" data-ph-id="ph-widget-element-622778788652145-29"> <div class="media" ph-card-block-num="1" data-ph-id="ph-widget-element-622778788652145-24"> <figure class="image" role="presentation" key-role="jkdH7n-38lVSm-NweBqs-ph-media-large-img-left-cc-view1-option2-presentationRole" instance-id="38lVSm-NweBqs" data-ph-id="ph-widget-element-622778788652145-25"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-622778788652145-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-622778788652145-27"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/locations-1705950406643.jpg" key-src="jkdH7n-38lVSm-4dNrWo-ph-media-large-img-left-cc-view1-option2-image-src" alt="img1" key-alt="jkdH7n-38lVSm-4dNrWo-ph-media-large-img-left-cc-view1-option2-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="38lVSm-4dNrWo" data-ph-id="ph-widget-element-622778788652145-28" height-val="370" /> </ppc-content> </ppc-container> </figure> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1697558666299" view="1697558666405-employees-testimonial-cc-slider-view9-option1" original-view="ph-employees-testimonial-cc-slider-view9-option1" instance-id="5yHuYt" theme="theme1" global-widget="true" global-widget-id="yLg0EY"><div class="ph-employees-testimonial-cc-slider-view9-option1-theme1 ph-widget-target" data-ph-id="-1697558666299-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1697558666405-employees-testimonial-cc-slider-view9-option1" original-view="ph-employees-testimonial-cc-slider-view9-option1" theme="theme1" ph-removed="true" instance-id="5yHuYt"><div class="ph-component-cntr ph-widget-box header-center" aria-label="Carousel" key-aria-label="People Copy-Kc4e57-ph-employees-testimonial-cc-slider-view9-option1-carouselRegion" role="region" data-ph-id="ph-widget-element-3924820361418142-2" style="background-repeat: no-repeat;"> <div class="inner-container" data-ph-id="ph-widget-element-3924820361418142-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-3924820361418142-4"> <div class="ph-header-block-default" card-name="ph-header-block-v1-view1" instance-id="PXYgYK" data-ph-id="ph-widget-element-3924820361418142-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-3924820361418142-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-3924820361418142-7"> <h2 data-ph-id="ph-widget-element-3924820361418142-8"> <ppc-content key="People Copy-Kc4e57-PXYgYK-oUFK1T-ph-employees-testimonial-cc-slider-view9-option1-h2-heading-title-text" instance-id="PXYgYK-oUFK1T" data-ph-id="ph-widget-element-3924820361418142-9"><div><strong><span class="ph-cc-ms-f-s-36 ph-cc-d-f-s-36 ph-cc-t-f-s-22 ph-cc-m-f-s-16"><span style="font-family:Roboto-Light;">OUR PEOPLE</span></span></strong></div> </ppc-content> </h2> </ppc-container> <ppc-container component-content-key="header-block-sub-content" class="sub-content" data-ph-cid="header-block-sub-content1" data-ph-id="ph-widget-element-3924820361418142-10"> <span class="sub-content-block" data-ph-id="ph-widget-element-3924820361418142-11"> <ppc-content key="People Copy-Kc4e57-PXYgYK-ADn4R6-ph-employees-testimonial-cc-slider-view9-option1-header-block-sub-content-text" instance-id="PXYgYK-ADn4R6" data-ph-id="ph-widget-element-3924820361418142-12"><div><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">Great teams start with great people.</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> <div class="ph-container-content-block ph-static-slider" data-ph-id="ph-widget-element-3924820361418142-13"> <div ph-card-slider-v1="" data-widget-attr="ph-card-slider-v1" pha-phslide-arrows="true" pha-phslide-dots="true" pha-phslide-center-mode="true" pha-phslide-center-padding="24px" pha-phslide-autoplay="false" phslide-number-slides-to-show="3" pha-phslide-infinite="true" pha-phslide-adaptiveheight="false" phslide-number-slides-to-scroll="3" phslide-parse-responsive="[{"breakpoint":3000, "settings":{"centerMode": "false"}},{"breakpoint":1400, "settings":{"centerMode": "false"}},{"breakpoint":1024, "settings":{"centerMode": "false", "slidesToShow":2,"slidesToScroll":2}},{"breakpoint":768, "settings":{"slidesToShow":1,"slidesToScroll":1}}]" class="ph-slider-container ph-card-container stackable ph-slide-loader" data-cards-per-row="six" pha-phslide-prev-arrow="<button class='slick-prev slick-arrow' aria-label='Previous slide' type='button'>Previous</button>" pha-phslide-next-arrow="<button class='slick-next slick-arrow' aria-label='Next slide' type='button'>Next</button>" phslide-dot-info-selector="[component-content-key='heading']" data-ph-id="ph-widget-element-3924820361418142-14"><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="7m94qw" name="ph-employees-testimonial-cc-view9" ph-slide-num="1" data-ph-id="ph-widget-element-4175135521855219-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4175135521855219-3"> <div class="ph-row" data-ph-id="ph-widget-element-4175135521855219-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4175135521855219-5"> <div class="media" data-ph-id="ph-widget-element-4175135521855219-6"> <figure class="image" data-ph-id="ph-widget-element-4175135521855219-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4175135521855219-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4175135521855219-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/AdrianR_160321_JP_0551-hig-1697808575757.jpg" key-src="SO53EQ-ZqbD3A-qG2oTJ-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="Adrien" key-alt="piwYlo-32unLW-Iv11SN-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4175135521855219-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4175135521855219-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175135521855219-15"> <span class="description-block" data-ph-id="ph-widget-element-4175135521855219-16"> <ppc-content key="BKuDnI-TVmben-M6mX6X-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4175135521855219-17"><div><strong>Start Year: </strong>2006 <p>As a software engineer, I help provide our fans with access to NBA statistics and content worldwide. My department develops international digital products and partners with regional content providers to engage fans in a compelling way.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4175135521855219-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175135521855219-22"> <span data-ph-id="ph-widget-element-4175135521855219-23"> <ppc-content key="7ZcFjD-2dBRFg-cw8Umz-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4175135521855219-24">Adrian</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175135521855219-25"> <span data-ph-id="ph-widget-element-4175135521855219-26"> <ppc-content key="cfTECd-gnvEAv-Y9gyZx-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4175135521855219-27">DTC Products, Tech & Ops</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="GQ5DNi" name="ph-employees-testimonial-cc-view9" data-ph-id="ph-widget-element-3924820361418142-15" ph-slide-num="2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-3924820361418142-16"> <div class="ph-row" data-ph-id="ph-widget-element-3924820361418142-17"> <div class="ph-col-12" data-ph-id="ph-widget-element-3924820361418142-18"> <div class="media" data-ph-id="ph-widget-element-3924820361418142-19"> <figure class="image" data-ph-id="ph-widget-element-3924820361418142-20"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-3924820361418142-21"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-3924820361418142-22"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/3-1670526951473.jpg" key-src="People Copy-Kc4e57-GQ5DNi-Vvbm9o-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="Bonnie" key-alt="People Copy-Kc4e57-GQ5DNi-Vvbm9o-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="GQ5DNi-Vvbm9o" data-ph-id="ph-widget-element-3924820361418142-23" height-val="240" 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-widget-element-3924820361418142-24"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" data-ph-id="ph-widget-element-3924820361418142-28" style="font-family: Roboto-Light;"> <span class="description-block" data-ph-id="ph-widget-element-3924820361418142-29"> <ppc-content key="People Copy-Kc4e57-GQ5DNi-DIcdCu-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="GQ5DNi-DIcdCu" data-ph-id="ph-widget-element-3924820361418142-30"><div><strong>Start Year: </strong>2005 <p>No two work days are alike for me, and I wouldn’t want it any other way. Our group works on a variety of events and initiatives that directly impact the WNBA and its players. We get to know the players and the teams very well and are very close to the game. My group is small and tight-knit, and we all share a deep love for the game and this league.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-3924820361418142-31"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-3924820361418142-32" style="font-family: Roboto-Light;"> <span data-ph-id="ph-widget-element-3924820361418142-33"> <ppc-content key="People Copy-Kc4e57-GQ5DNi-KW3fL7-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="GQ5DNi-KW3fL7" data-ph-id="ph-widget-element-3924820361418142-34">Bonnie</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" data-ph-id="ph-widget-element-3924820361418142-35" style="font-family: Roboto-Light;"> <span data-ph-id="ph-widget-element-3924820361418142-36"> <ppc-content key="People Copy-Kc4e57-GQ5DNi-nVrVry-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="GQ5DNi-nVrVry" data-ph-id="ph-widget-element-3924820361418142-37"><br /> WNBA</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="KEcs3f" name="ph-employees-testimonial-cc-view9" data-ph-id="ph-widget-element-3924820361418142-38" ph-slide-num="3"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-3924820361418142-39" style=""> <div class="ph-row" data-ph-id="ph-widget-element-3924820361418142-40"> <div class="ph-col-12" data-ph-id="ph-widget-element-3924820361418142-41"> <div class="media" data-ph-id="ph-widget-element-3924820361418142-42"> <figure class="image" data-ph-id="ph-widget-element-3924820361418142-43"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-3924820361418142-44"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-3924820361418142-45"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/2-1670526950557.jpg" key-src="People Copy-Kc4e57-KEcs3f-ENVF2o-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="People Copy-Kc4e57-KEcs3f-ENVF2o-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="KEcs3f-ENVF2o" data-ph-id="ph-widget-element-3924820361418142-46" height-val="240" 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-widget-element-3924820361418142-47"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" data-ph-id="ph-widget-element-3924820361418142-51" style="font-family: Roboto-Light;"> <span class="description-block" data-ph-id="ph-widget-element-3924820361418142-52"> <ppc-content key="People Copy-Kc4e57-KEcs3f-1vvb8T-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="KEcs3f-1vvb8T" data-ph-id="ph-widget-element-3924820361418142-53"><div><strong>Start Year: </strong>1998 <p>In the social media age, digital photography is all about quickness. The NBA Photo department supplies photos for all NBA teams to the outside world. It’s important for us to keep up with the latest technology so the images that represent the excitement of our game can be accessed and distributed in almost real time</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-3924820361418142-54" style="z-index: 2; pointer-events: none;"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-3924820361418142-55" style="font-family: Roboto-Light;"> <span data-ph-id="ph-widget-element-3924820361418142-56"> <ppc-content key="People Copy-Kc4e57-KEcs3f-xifgjx-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="KEcs3f-xifgjx" data-ph-id="ph-widget-element-3924820361418142-57">Brian</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" data-ph-id="ph-widget-element-3924820361418142-58" style="font-family: Roboto-Light;"> <span data-ph-id="ph-widget-element-3924820361418142-59"> <ppc-content key="People Copy-Kc4e57-KEcs3f-PBYpJc-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="KEcs3f-PBYpJc" data-ph-id="ph-widget-element-3924820361418142-60">Photos</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="XqdNzY" name="ph-employees-testimonial-cc-view9" ph-slide-num="4" data-ph-id="ph-widget-element-4175821843346370-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4175821843346370-3"> <div class="ph-row" data-ph-id="ph-widget-element-4175821843346370-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4175821843346370-5"> <div class="media" data-ph-id="ph-widget-element-4175821843346370-6"> <figure class="image" data-ph-id="ph-widget-element-4175821843346370-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4175821843346370-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4175821843346370-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/CatG_160323_JP_2089-hig-1697808573330.jpg" key-src="0PNUzF-ZqbD3A-qG2oTJ-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="Cat" key-alt="NWIEVB-32unLW-Iv11SN-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4175821843346370-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4175821843346370-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175821843346370-15"> <span class="description-block" data-ph-id="ph-widget-element-4175821843346370-16"> <ppc-content key="NQrbGo-TVmben-M6mX6X-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4175821843346370-17"><div><strong>Start Year: </strong>2007 <p>In my role, I have a window into the many different roles and responsibilities at the NBA. I work very closely with our marketing partners and collaborate with many different internal groups to bring those partnerships to life. My colleagues are incredibly skilled and talented, and I think that is what makes working at the NBA so great.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4175821843346370-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175821843346370-22"> <span data-ph-id="ph-widget-element-4175821843346370-23"> <ppc-content key="GLQRf5-2dBRFg-cw8Umz-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4175821843346370-24">Cat</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175821843346370-25"> <span data-ph-id="ph-widget-element-4175821843346370-26"> <ppc-content key="9Ni9IK-gnvEAv-Y9gyZx-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4175821843346370-27">Marketing Partnerships & Media Planning</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="YNn9cJ" name="ph-employees-testimonial-cc-view9" ph-slide-num="5" data-ph-id="ph-widget-element-4028138679235678-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4028138679235678-3"> <div class="ph-row" data-ph-id="ph-widget-element-4028138679235678-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4028138679235678-5"> <div class="media" data-ph-id="ph-widget-element-4028138679235678-6"> <figure class="image" data-ph-id="ph-widget-element-4028138679235678-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4028138679235678-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4028138679235678-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/ChrisM_160323_JP_2330-hig-1697661012194.jpg" key-src="qG2oTJ-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="Iv11SN-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4028138679235678-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4028138679235678-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4028138679235678-15"> <span class="description-block" data-ph-id="ph-widget-element-4028138679235678-16"> <ppc-content key="M6mX6X-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4028138679235678-17"><div><strong>Start Year:</strong> 2009 <p>My professional story highlights the NBA’s willingness to support the development of its employees. I started off at the NBA Store as a Sales Associate. After about one year selling swingman jerseys and NBA-branded socks, I transitioned to the corporate office to support the talent acquisition team. Fast forward to today, I am part of the basketball recruiting team within talent acquisition, where we support basketball-related departments with full life-cycle recruiting, operations, and strategic initiatives.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4028138679235678-22"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4028138679235678-23"> <span data-ph-id="ph-widget-element-4028138679235678-24"> <ppc-content key="cw8Umz-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4028138679235678-25">Chris M</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4028138679235678-26"> <span data-ph-id="ph-widget-element-4028138679235678-27"> <ppc-content key="Y9gyZx-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4028138679235678-28">Human Resources</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="W78P9J" name="ph-employees-testimonial-cc-view9" ph-slide-num="6" data-ph-id="ph-widget-element-4175319860412177-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4175319860412177-3"> <div class="ph-row" data-ph-id="ph-widget-element-4175319860412177-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4175319860412177-5"> <div class="media" data-ph-id="ph-widget-element-4175319860412177-6"> <figure class="image" data-ph-id="ph-widget-element-4175319860412177-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4175319860412177-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4175319860412177-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/ChrisR_160323_JP_1693-hig-1697808571921.jpg" key-src="99ZQ04-0PNUzF-ZqbD3A-qG2oTJ-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="Chris R" key-alt="Ba07eS-NWIEVB-32unLW-Iv11SN-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4175319860412177-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4175319860412177-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175319860412177-15"> <span class="description-block" data-ph-id="ph-widget-element-4175319860412177-16"> <ppc-content key="u4hgMr-NQrbGo-TVmben-M6mX6X-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4175319860412177-17"><div><strong>Start Year:</strong> 1996 <p>The NBA is uniquely diverse from a cultural and social perspective, as well as in the range of expertise that supports the league. My background is in complex construction project management. The NBA’s commitment to career development has provided me—and many colleagues throughout the league—the opportunity to develop workspaces and arenas that are amongst the most innovative facilities in the world.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4175319860412177-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175319860412177-22"> <span data-ph-id="ph-widget-element-4175319860412177-23"> <ppc-content key="I6cOqV-GLQRf5-2dBRFg-cw8Umz-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4175319860412177-24">Chris R</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175319860412177-25"> <span data-ph-id="ph-widget-element-4175319860412177-26"> <ppc-content key="BQKOAY-9Ni9IK-gnvEAv-Y9gyZx-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4175319860412177-27">Facilities</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="YisLaz" name="ph-employees-testimonial-cc-view9" ph-slide-num="8" data-ph-id="ph-widget-element-4177690149349897-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4177690149349897-3"> <div class="ph-row" data-ph-id="ph-widget-element-4177690149349897-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4177690149349897-5"> <div class="media" data-ph-id="ph-widget-element-4177690149349897-6"> <figure class="image" data-ph-id="ph-widget-element-4177690149349897-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4177690149349897-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4177690149349897-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/ChristopherA_160323_JP_2564-hig-1697808570501.jpg" key-src="PiTUaF-ZqbD3A-qG2oTJ-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="5RUVig-32unLW-Iv11SN-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4177690149349897-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4177690149349897-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4177690149349897-15"> <span class="description-block" data-ph-id="ph-widget-element-4177690149349897-16"> <ppc-content key="sAobzl-TVmben-M6mX6X-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4177690149349897-17"><div><strong>Start Year:</strong> 1994 <p>There is simply no better place to work if you have a passion for the game of basketball and seek an environment that empowers and inspires. Every day is unique and every season is special. We all have the ability to make our mark on the legacy of the game in small ways and big ways. I’ve had opportunities to connect with our world class teams, engage with global brands and even work with some of the game’s greatest players.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4177690149349897-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4177690149349897-22"> <span data-ph-id="ph-widget-element-4177690149349897-23"> <ppc-content key="fog1Gy-2dBRFg-cw8Umz-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4177690149349897-24">Christopher</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4177690149349897-25"> <span data-ph-id="ph-widget-element-4177690149349897-26"> <ppc-content key="0P8WpA-gnvEAv-Y9gyZx-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4177690149349897-27">On-Court and Brand Partnerships</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="IuZvCy" name="ph-employees-testimonial-cc-view9" ph-slide-num="9" data-ph-id="ph-widget-element-4027475850107229-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4027475850107229-3"> <div class="ph-row" data-ph-id="ph-widget-element-4027475850107229-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4027475850107229-5"> <div class="media" data-ph-id="ph-widget-element-4027475850107229-6"> <figure class="image" data-ph-id="ph-widget-element-4027475850107229-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4027475850107229-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4027475850107229-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/ColeenB_160323_JP_2435-hig-1697808568540.jpg" key-src="ZqbD3A-qG2oTJ-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="32unLW-Iv11SN-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4027475850107229-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4027475850107229-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4027475850107229-15"> <span class="description-block" data-ph-id="ph-widget-element-4027475850107229-16"> <ppc-content key="TVmben-M6mX6X-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4027475850107229-17"><div><strong>Start Year:</strong> 2012 <p>I worked in print media early in my career. As the media landscape began shifting to digital, I wanted to be part of a leader in the space. I joined the NBA because I knew it would be the best place to learn, grow and shape some of the most influential digital products in the world.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4027475850107229-22"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4027475850107229-23"> <span data-ph-id="ph-widget-element-4027475850107229-24"> <ppc-content key="2dBRFg-cw8Umz-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4027475850107229-25">Coleen</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4027475850107229-26"> <span data-ph-id="ph-widget-element-4027475850107229-27"> <ppc-content key="gnvEAv-Y9gyZx-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4027475850107229-28">DTC Products, Tech & Ops</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="5dMKY2" name="ph-employees-testimonial-cc-view9" ph-slide-num="10" data-ph-id="ph-widget-element-4176037177781686-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4176037177781686-3"> <div class="ph-row" data-ph-id="ph-widget-element-4176037177781686-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4176037177781686-5"> <div class="media" data-ph-id="ph-widget-element-4176037177781686-6"> <figure class="image" data-ph-id="ph-widget-element-4176037177781686-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4176037177781686-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4176037177781686-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/Cristina-160321_JP_0656-1697808567158.jpg" key-src="DrkG0V-PiTUaF-ZqbD3A-qG2oTJ-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="t2jCGp-5RUVig-32unLW-Iv11SN-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4176037177781686-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4176037177781686-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176037177781686-15"> <span class="description-block" data-ph-id="ph-widget-element-4176037177781686-16"> <ppc-content key="SH8Kbj-sAobzl-TVmben-M6mX6X-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4176037177781686-17"><div><strong>Start Year:</strong> 2012 <p>I started at the NBA in the summer of 2010 as a Creative Services intern and was hired in 2012. The NBA Internship Program was a great opportunity for me to learn about broadcast graphics design and helped me gain the experience I needed to come back and work as a project employee during my college breaks. I was hired as a Motion Graphics Designer after graduating from college.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4176037177781686-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176037177781686-22"> <span data-ph-id="ph-widget-element-4176037177781686-23"> <ppc-content key="aADfD4-fog1Gy-2dBRFg-cw8Umz-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4176037177781686-24">Cristina</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176037177781686-25"> <span data-ph-id="ph-widget-element-4176037177781686-26"> <ppc-content key="PKp9UT-0P8WpA-gnvEAv-Y9gyZx-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4176037177781686-27">Marketing</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="qBj0ZY" name="ph-employees-testimonial-cc-view9" ph-slide-num="11" data-ph-id="ph-widget-element-4175529026590887-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4175529026590887-3"> <div class="ph-row" data-ph-id="ph-widget-element-4175529026590887-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4175529026590887-5"> <div class="media" data-ph-id="ph-widget-element-4175529026590887-6"> <figure class="image" data-ph-id="ph-widget-element-4175529026590887-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4175529026590887-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4175529026590887-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/DanaS_160321_JP_0269-hig-1697808565073.jpg" key-src="6CRGIV-ZqbD3A-qG2oTJ-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="Y3xuSG-32unLW-Iv11SN-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4175529026590887-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4175529026590887-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175529026590887-15"> <span class="description-block" data-ph-id="ph-widget-element-4175529026590887-16"> <ppc-content key="WsXstv-TVmben-M6mX6X-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4175529026590887-17"><div><strong>Start Year: </strong>1997 <p>My department is responsible for the Digital Media systems at the NBA. We build and integrate systems that enable us to deliver live game clips to social media, highlight packages to partners and full length features. The unique thing about my role is that I have a technical background but I get to apply it to the game of basketball. It is a rare experience to be behind the scenes to see how technology is used in all aspects of the game.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4175529026590887-20"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175529026590887-21"> <span data-ph-id="ph-widget-element-4175529026590887-22"> <ppc-content key="J6OhK5-2dBRFg-cw8Umz-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4175529026590887-23">Dana</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175529026590887-24"> <span data-ph-id="ph-widget-element-4175529026590887-25"> <ppc-content key="w2SmJV-gnvEAv-Y9gyZx-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4175529026590887-26">DTC Products, Tech & Ops</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="eErjSa" name="ph-employees-testimonial-cc-view9" ph-slide-num="12" data-ph-id="ph-widget-element-4175606244465303-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4175606244465303-3"> <div class="ph-row" data-ph-id="ph-widget-element-4175606244465303-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4175606244465303-5"> <div class="media" data-ph-id="ph-widget-element-4175606244465303-6"> <figure class="image" data-ph-id="ph-widget-element-4175606244465303-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4175606244465303-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4175606244465303-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/DaveB_160323_JP_2509-hig-1697808563740.jpg" key-src="SM9rtB-DrkG0V-PiTUaF-ZqbD3A-qG2oTJ-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="c4d2mw-t2jCGp-5RUVig-32unLW-Iv11SN-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4175606244465303-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4175606244465303-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175606244465303-15"> <span class="description-block" data-ph-id="ph-widget-element-4175606244465303-16"> <ppc-content key="N1yWXz-SH8Kbj-sAobzl-TVmben-M6mX6X-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4175606244465303-17"><div><strong>Start Year: </strong>1999 <p>My favorite part of working at the NBA is the people. My colleagues are very talented and driven, but know how to keep things fun. In Broadcast Operations & Engineering, I am constantly challenged with new projects, which enables me to consistently learn and grow. The NBA remains on the leading edge of technology, which keeps me engaged and excited about my job.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4175606244465303-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175606244465303-22"> <span data-ph-id="ph-widget-element-4175606244465303-23"> <ppc-content key="1tDBYa-aADfD4-fog1Gy-2dBRFg-cw8Umz-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4175606244465303-24">Dave</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4175606244465303-25"> <span data-ph-id="ph-widget-element-4175606244465303-26"> <ppc-content key="lkDmQq-PKp9UT-0P8WpA-gnvEAv-Y9gyZx-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4175606244465303-27">DTC Products, Tech & Ops</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="9SHLOr" name="ph-employees-testimonial-cc-view9" ph-slide-num="8" data-ph-id="ph-widget-element-4178185259026704-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4178185259026704-3"> <div class="ph-row" data-ph-id="ph-widget-element-4178185259026704-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4178185259026704-5"> <div class="media" data-ph-id="ph-widget-element-4178185259026704-6"> <figure class="image" data-ph-id="ph-widget-element-4178185259026704-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4178185259026704-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4178185259026704-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/DeniaP_160323_JP_1957-hig-1697808561217.jpg" key-src="k3RkeM-SM9rtB-DrkG0V-PiTUaF-ZqbD3A-qG2oTJ-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="6CKmQB-c4d2mw-t2jCGp-5RUVig-32unLW-Iv11SN-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4178185259026704-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4178185259026704-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4178185259026704-15"> <span class="description-block" data-ph-id="ph-widget-element-4178185259026704-16"> <ppc-content key="rkFwBS-N1yWXz-SH8Kbj-sAobzl-TVmben-M6mX6X-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4178185259026704-17"><div><strong>Start Year:</strong> 2012 <p>I get to come in each day and support a group of people that help bring our game to different parts of the world. As an Executive Assistant at the NBA, you play point guard on your team. You help run your team’s offense; you control the ball and make sure it gets to the right players at the right time. You understand the game plan and, most importantly, you understand the team.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4178185259026704-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4178185259026704-22"> <span data-ph-id="ph-widget-element-4178185259026704-23"> <ppc-content key="njBoxg-1tDBYa-aADfD4-fog1Gy-2dBRFg-cw8Umz-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4178185259026704-24">Denia</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4178185259026704-25"> <span data-ph-id="ph-widget-element-4178185259026704-26"> <ppc-content key="RauMJF-lkDmQq-PKp9UT-0P8WpA-gnvEAv-Y9gyZx-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4178185259026704-27">International Offices - Latin America</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="TgsbqT" name="ph-employees-testimonial-cc-view9" ph-slide-num="7" data-ph-id="ph-widget-element-4178464377163920-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4178464377163920-3"> <div class="ph-row" data-ph-id="ph-widget-element-4178464377163920-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4178464377163920-5"> <div class="media" data-ph-id="ph-widget-element-4178464377163920-6"> <figure class="image" data-ph-id="ph-widget-element-4178464377163920-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4178464377163920-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4178464377163920-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/Gary_160321_JP_0086-1697808559416.jpg" key-src="NEMQWh-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="9T6jOW-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4178464377163920-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4178464377163920-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4178464377163920-15"> <span class="description-block" data-ph-id="ph-widget-element-4178464377163920-16"> <ppc-content key="BVmH3W-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4178464377163920-17"><div><strong>Start Year: </strong>2002 <p>As Director of Visual Strategy and Presentation at the NBA, I implement creative branded interior spaces and corporate presentations at the league’s celebrated events. These visually immersive spaces are designed to enhance our fans’ experience. Working at the NBA is professionally fulfilling because I’m challenged to bring my best game every day.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4178464377163920-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4178464377163920-22"> <span data-ph-id="ph-widget-element-4178464377163920-23"> <ppc-content key="ZqZOdJ-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4178464377163920-24">Gary</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4178464377163920-25"> <span data-ph-id="ph-widget-element-4178464377163920-26"> <ppc-content key="yarSrd-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4178464377163920-27">Marketing</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="ZtpkxY" name="ph-employees-testimonial-cc-view9" ph-slide-num="7" data-ph-id="ph-widget-element-4176797692354448-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4176797692354448-3"> <div class="ph-row" data-ph-id="ph-widget-element-4176797692354448-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4176797692354448-5"> <div class="media" data-ph-id="ph-widget-element-4176797692354448-6"> <figure class="image" data-ph-id="ph-widget-element-4176797692354448-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4176797692354448-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4176797692354448-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/Julie-160323_JP_2004-1697808558017.jpg" key-src="yIl5Bb-NEMQWh-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="R5DSew-9T6jOW-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4176797692354448-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4176797692354448-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176797692354448-15"> <span class="description-block" data-ph-id="ph-widget-element-4176797692354448-16"> <ppc-content key="YMFplD-BVmH3W-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4176797692354448-17"><div><strong>Start Year: </strong>2010 <p>In my role on the Global Partnerships team, I find new ways to facilitate ongoing conversations and strengthen relationships with our partners through strategic events and communication. The people I have met and learned from while working at the NBA have been invaluable to developing my career. The league continues to present new opportunities.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4176797692354448-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176797692354448-22"> <span data-ph-id="ph-widget-element-4176797692354448-23"> <ppc-content key="oAZKKn-ZqZOdJ-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4176797692354448-24">Julie</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176797692354448-25"> <span data-ph-id="ph-widget-element-4176797692354448-26"> <ppc-content key="k6pTSh-yarSrd-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4176797692354448-27">Partner Services</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="DtI8ZH" name="ph-employees-testimonial-cc-view9" data-ph-id="ph-widget-element-3924820361418142-61" ph-slide-num="13"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-3924820361418142-62"> <div class="ph-row" data-ph-id="ph-widget-element-3924820361418142-63"> <div class="ph-col-12" data-ph-id="ph-widget-element-3924820361418142-64"> <div class="media" data-ph-id="ph-widget-element-3924820361418142-65"> <figure class="image" data-ph-id="ph-widget-element-3924820361418142-66"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-3924820361418142-67"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-3924820361418142-68"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/7-1670526956694.jpg" key-src="People Copy-Kc4e57-DtI8ZH-6dvGw3-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="img1" key-alt="People Copy-Kc4e57-DtI8ZH-6dvGw3-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="DtI8ZH-6dvGw3" data-ph-id="ph-widget-element-3924820361418142-69" height-val="363" 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-widget-element-3924820361418142-70"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" data-ph-id="ph-widget-element-3924820361418142-74" style="font-family: Roboto-Light;"> <span class="description-block" data-ph-id="ph-widget-element-3924820361418142-75"> <ppc-content key="People Copy-Kc4e57-DtI8ZH-Nf2blP-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="DtI8ZH-Nf2blP" data-ph-id="ph-widget-element-3924820361418142-76"><div><strong>Start Year: </strong>1993 <p>I always had an interest in television production and sports. While I was in college, I had the opportunity to intern in the Multimedia group for the Detroit Pistons, which introduced me to NBA Entertainment. I was amazed at the content that was being produced and wanted to be a part of it.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-3924820361418142-77"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-3924820361418142-78" style="font-family: Roboto-Light;"> <span data-ph-id="ph-widget-element-3924820361418142-79"> <ppc-content key="People Copy-Kc4e57-DtI8ZH-DSW7T2-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="DtI8ZH-DSW7T2" data-ph-id="ph-widget-element-3924820361418142-80">Kori</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" data-ph-id="ph-widget-element-3924820361418142-81" style="font-family: Roboto-Light;"> <span data-ph-id="ph-widget-element-3924820361418142-82"> <ppc-content key="People Copy-Kc4e57-DtI8ZH-htbD91-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="DtI8ZH-htbD91" data-ph-id="ph-widget-element-3924820361418142-83">Business Operations</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="9DmWmY" name="ph-employees-testimonial-cc-view9" data-ph-id="ph-widget-element-3924820361418142-84" ph-slide-num="7"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-3924820361418142-85"> <div class="ph-row" data-ph-id="ph-widget-element-3924820361418142-86"> <div class="ph-col-12" data-ph-id="ph-widget-element-3924820361418142-87"> <div class="media" data-ph-id="ph-widget-element-3924820361418142-88"> <figure class="image" data-ph-id="ph-widget-element-3924820361418142-89"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-3924820361418142-90"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-3924820361418142-91"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/9-1670526958762.jpg" key-src="People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" data-ph-id="ph-widget-element-3924820361418142-92" height-val="363" 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-widget-element-3924820361418142-93"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" data-ph-id="ph-widget-element-3924820361418142-97" style="font-family: Roboto-Light;"> <span class="description-block" data-ph-id="ph-widget-element-3924820361418142-98"> <ppc-content key="People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-3924820361418142-99"><div><strong>Start Year: </strong>2008 <p>I worked for a corporate law firm prior to joining the NBA and had no previous experience in sports. But the NBA saw that I had the right skills and experience for the job. I really appreciate that the recruiting team looks at the whole person rather than just searching a résumé for a few key words.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-3924820361418142-100"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-3924820361418142-101" style="font-family: Roboto-Light;"> <span data-ph-id="ph-widget-element-3924820361418142-102"> <ppc-content key="People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-3924820361418142-103">Melissa</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" data-ph-id="ph-widget-element-3924820361418142-104" style="font-family: Roboto-Light;"> <span data-ph-id="ph-widget-element-3924820361418142-105"> <ppc-content key="People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-3924820361418142-106">Diversity, Equity & Inclusion</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="fQAAjt" name="ph-employees-testimonial-cc-view9" ph-slide-num="7" data-ph-id="ph-widget-element-4176841759499548-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4176841759499548-3"> <div class="ph-row" data-ph-id="ph-widget-element-4176841759499548-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4176841759499548-5"> <div class="media" data-ph-id="ph-widget-element-4176841759499548-6"> <figure class="image" data-ph-id="ph-widget-element-4176841759499548-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4176841759499548-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4176841759499548-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/NatashaO_160323_JP_2185-hig-1697808556341.jpg" key-src="nZeHeF-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="JPiOQi-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4176841759499548-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4176841759499548-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176841759499548-15"> <span class="description-block" data-ph-id="ph-widget-element-4176841759499548-16"> <ppc-content key="2kRnCo-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4176841759499548-17"><div><strong>Start Year: </strong>1999 <p>My primary responsibility on the Global Partner Management team is to liaise with our global partners and league departments such as Media, Content and Communications. A typical day includes working with a partner to bring their marketing initiatives to life, as well as exploring new marketing and media opportunities that could enhance and grow the partnership. I work with a ton of great people, both internally and externally.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4176841759499548-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176841759499548-22"> <span data-ph-id="ph-widget-element-4176841759499548-23"> <ppc-content key="HmtQuC-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4176841759499548-24">Natasha</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176841759499548-25"> <span data-ph-id="ph-widget-element-4176841759499548-26"> <ppc-content key="vCj8DV-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4176841759499548-27">Merchandising Partnerships</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="JryuG3" name="ph-employees-testimonial-cc-view9" ph-slide-num="7" data-ph-id="ph-widget-element-4176868913597214-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4176868913597214-3"> <div class="ph-row" data-ph-id="ph-widget-element-4176868913597214-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4176868913597214-5"> <div class="media" data-ph-id="ph-widget-element-4176868913597214-6"> <figure class="image" data-ph-id="ph-widget-element-4176868913597214-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4176868913597214-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4176868913597214-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/NealS_160323_JP_2511-hig-1697661010744.jpg" key-src="c2t2bk-nZeHeF-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="ZO485o-JPiOQi-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4176868913597214-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4176868913597214-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176868913597214-15"> <span class="description-block" data-ph-id="ph-widget-element-4176868913597214-16"> <ppc-content key="uOtGWb-2kRnCo-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4176868913597214-17"><div><strong>Start Year:</strong> 2007 <p>As a lawyer at the NBA, I regularly work on cutting-edge legal issues. While my substantive responsibilities are both intellectually stimulating and challenging, the best part of my job is working with my colleagues. Whether in the Legal Department or other groups at the NBA, I find that our team is filled with smart people who are all focused on growing the game and genuinely enjoy working with each other.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4176868913597214-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176868913597214-22"> <span data-ph-id="ph-widget-element-4176868913597214-23"> <ppc-content key="Ne0Ka3-HmtQuC-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4176868913597214-24">Neal</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176868913597214-25"> <span data-ph-id="ph-widget-element-4176868913597214-26"> <ppc-content key="FbLccZ-vCj8DV-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4176868913597214-27">Legal</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="udAryL" name="ph-employees-testimonial-cc-view9" ph-slide-num="7" data-ph-id="ph-widget-element-4176354816631038-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4176354816631038-3"> <div class="ph-row" data-ph-id="ph-widget-element-4176354816631038-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4176354816631038-5"> <div class="media" data-ph-id="ph-widget-element-4176354816631038-6"> <figure class="image" data-ph-id="ph-widget-element-4176354816631038-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4176354816631038-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4176354816631038-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/PaulM_160321_JP_0504-hig-1697808554940.jpg" key-src="yP2MAl-c2t2bk-nZeHeF-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="ypTT8V-ZO485o-JPiOQi-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4176354816631038-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4176354816631038-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176354816631038-15"> <span class="description-block" data-ph-id="ph-widget-element-4176354816631038-16"> <ppc-content key="MI7fM3-uOtGWb-2kRnCo-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4176354816631038-17"><div><strong>Start Year:</strong> 1997 <p>I began my NBA career as a summer intern during college, and I’ve been here ever since. At the NBA, we are encouraged to think differently and find new ways of doing things. Someone is always listening for the next great idea. I’ve always felt this is the kind of place where you can go as far as you’d like to take it.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4176354816631038-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176354816631038-22"> <span data-ph-id="ph-widget-element-4176354816631038-23"> <ppc-content key="uX8cOj-Ne0Ka3-HmtQuC-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4176354816631038-24">Paul</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176354816631038-25"> <span data-ph-id="ph-widget-element-4176354816631038-26"> <ppc-content key="5l9AYO-FbLccZ-vCj8DV-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4176354816631038-27">Content</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="cPNpYX" name="ph-employees-testimonial-cc-view9" ph-slide-num="8" data-ph-id="ph-widget-element-4176566762204762-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4176566762204762-3"> <div class="ph-row" data-ph-id="ph-widget-element-4176566762204762-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4176566762204762-5"> <div class="media" data-ph-id="ph-widget-element-4176566762204762-6"> <figure class="image" data-ph-id="ph-widget-element-4176566762204762-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4176566762204762-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4176566762204762-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/SloanS_160323_JP_2563-1697808552800.jpg" key-src="llGPWD-yP2MAl-c2t2bk-nZeHeF-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="aGIjK2-ypTT8V-ZO485o-JPiOQi-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4176566762204762-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4176566762204762-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176566762204762-15"> <span class="description-block" data-ph-id="ph-widget-element-4176566762204762-16"> <ppc-content key="H9EFGl-MI7fM3-uOtGWb-2kRnCo-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4176566762204762-17"><div><strong>Start Year:</strong> 2005 <p>My colleagues and I work on legal agreements and other arrangements that cover a wide range of business opportunities for the NBA, including anything from a new digital platform to an innovative international venture. The multitude of new opportunities and challenges that I see every day not only keep my job fresh, but also allow me to grow my career.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4176566762204762-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176566762204762-22"> <span data-ph-id="ph-widget-element-4176566762204762-23"> <ppc-content key="uKkV9M-uX8cOj-Ne0Ka3-HmtQuC-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4176566762204762-24">Sloan</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4176566762204762-25"> <span data-ph-id="ph-widget-element-4176566762204762-26"> <ppc-content key="AlzMNX-5l9AYO-FbLccZ-vCj8DV-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4176566762204762-27">Legal</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="uRa0Px" name="ph-employees-testimonial-cc-view9" ph-slide-num="8" data-ph-id="ph-widget-element-4178880000486550-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4178880000486550-3"> <div class="ph-row" data-ph-id="ph-widget-element-4178880000486550-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4178880000486550-5"> <div class="media" data-ph-id="ph-widget-element-4178880000486550-6"> <figure class="image" data-ph-id="ph-widget-element-4178880000486550-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4178880000486550-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4178880000486550-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/TylerP_160321_JP_0817-hig-1697808551167.jpg" key-src="L5iyeB-llGPWD-yP2MAl-c2t2bk-nZeHeF-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="NP4g4G-aGIjK2-ypTT8V-ZO485o-JPiOQi-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4178880000486550-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4178880000486550-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4178880000486550-15"> <span class="description-block" data-ph-id="ph-widget-element-4178880000486550-16"> <ppc-content key="DsUhrO-H9EFGl-MI7fM3-uOtGWb-2kRnCo-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4178880000486550-17"><div><strong>Start Year: </strong>2013 <p>If I asked my 18 year-old self where I thought I would be at 26, I never would have imagined where I am today. Not only has the NBA given me a “job” but it has provided me with exciting opportunities and a lifelong career path. My job description varies from day to day. I can sit in the office processing invoices or I can be on the road organizing a production shoot. What I love most is how I can show my many different skills on multiple platforms.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4178880000486550-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4178880000486550-22"> <span data-ph-id="ph-widget-element-4178880000486550-23"> <ppc-content key="Ensmtd-uKkV9M-uX8cOj-Ne0Ka3-HmtQuC-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4178880000486550-24">Tyler</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4178880000486550-25"> <span data-ph-id="ph-widget-element-4178880000486550-26"> <ppc-content key="0EINNx-AlzMNX-5l9AYO-FbLccZ-vCj8DV-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4178880000486550-27">Business Operations</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-employees-testimonial-cc-view9" instance-id="HgolOO" name="ph-employees-testimonial-cc-view9" ph-slide-num="8" data-ph-id="ph-widget-element-4177214080264097-2"> <div class="ph-card-block ph-employees-testimonial-cc-view9 card-elems-left" data-ph-id="ph-widget-element-4177214080264097-3"> <div class="ph-row" data-ph-id="ph-widget-element-4177214080264097-4"> <div class="ph-col-12" data-ph-id="ph-widget-element-4177214080264097-5"> <div class="media" data-ph-id="ph-widget-element-4177214080264097-6"> <figure class="image" data-ph-id="ph-widget-element-4177214080264097-7"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-fit-to-card ph-image-fit-container-cms" unique-image="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4177214080264097-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4177214080264097-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/images/Val_160321_JP_0418-hig-1697808549692.jpg" key-src="corE53-L5iyeB-llGPWD-yP2MAl-c2t2bk-nZeHeF-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-src" alt="" key-alt="xfMPcN-NP4g4G-aGIjK2-ypTT8V-ZO485o-JPiOQi-People Copy-Kc4e57-9DmWmY-SY5cDQ-ph-employees-testimonial-cc-slider-view9-option1-image-alt-text" unique-image="true" data-ph-cid="primary-image1" instance-id="9DmWmY-SY5cDQ" height-val="363" crop-size="fit" data-ph-id="ph-widget-element-4177214080264097-10" /> </ppc-content> </ppc-container> </figure> </div> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4177214080264097-11"> <ppc-container component-content-key="description" class="description ph-line-height-1_2 ph-cc-d-f-s-17" data-ph-cid="description1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4177214080264097-15"> <span class="description-block" data-ph-id="ph-widget-element-4177214080264097-16"> <ppc-content key="jMIaMu-DsUhrO-H9EFGl-MI7fM3-uOtGWb-2kRnCo-People Copy-Kc4e57-9DmWmY-KSbZmC-ph-employees-testimonial-cc-slider-view9-option1-description-text" data-ph-at-id="description-text" instance-id="9DmWmY-KSbZmC" data-ph-id="ph-widget-element-4177214080264097-17"><div><strong>Start Year: </strong>1993 <p>My team, Creative Services, is responsible for the design and production of the league’s branding and identity across various media, including print collateral, décor, broadcast and interactive. We have a lot of respect for each other and know that teamwork is the key to creating work that is cutting edge and innovative.</p> </div> </ppc-content> </span> </ppc-container> <div class="designation" data-ph-id="ph-widget-element-4177214080264097-21"> <ppc-container component-content-key="employee-name" class="employee-name brand-color-primary ph-cc-d-f-s-24 ph-cc-d-p-t-0 ph-cc-d-p-l-0" data-ph-cid="employee-name1" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4177214080264097-22"> <span data-ph-id="ph-widget-element-4177214080264097-23"> <ppc-content key="NBQqSy-Ensmtd-uKkV9M-uX8cOj-Ne0Ka3-HmtQuC-People Copy-Kc4e57-9DmWmY-dV1Km5-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-title-text" instance-id="9DmWmY-dV1Km5" data-ph-id="ph-widget-element-4177214080264097-24">Val</ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details ph-letter-spacing-0 ph-cc-d-f-s-18 ph-cc-d-p-l-10" data-ph-cid="employee-details2" style="font-family: Roboto-Light;" data-ph-id="ph-widget-element-4177214080264097-25"> <span data-ph-id="ph-widget-element-4177214080264097-26"> <ppc-content key="2UnKtY-0EINNx-AlzMNX-5l9AYO-FbLccZ-vCj8DV-People Copy-Kc4e57-9DmWmY-7BIdDV-ph-employees-testimonial-cc-slider-view9-option1-employee-details-emp-sub-title-text" instance-id="9DmWmY-7BIdDV" data-ph-id="ph-widget-element-4177214080264097-27">Marketing</ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1694539554576" view="1694539554676-jtc-card-cc-view1-option1" original-view="ph-jtc-card-cc-view1-option1" instance-id="TQ5q2H" theme="theme2" global-widget="true" global-widget-id="XokM2Z"><div class="ph-jtc-card-cc-view1-option1-theme2 ph-widget-target" data-ph-id="-1694539554576-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1694539554676-jtc-card-cc-view1-option1" original-view="ph-jtc-card-cc-view1-option1" theme="theme2" ph-removed="true" instance-id="TQ5q2H"><div class="ph-component-cntr ph-widget-box gray-darkar-bg dark-color-light-border" default-cards-count="1" data-ph-id="ph-widget-element-904728468193048-2" style="border-style: hidden;"> <div class="inner-container" data-ph-id="ph-widget-element-904728468193048-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-904728468193048-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="lXul1i" data-ph-id="ph-widget-element-904728468193048-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-904728468193048-6"> <ppc-container component-content-key="h2-heading" class="heading-two ph-text-color brand-color-secondary ph-cc-d-f-s-47 element-left" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-904728468193048-7"> <ppc-content key="cgAGCl-lXul1i-9W8Mzg-ph-jtc-card-cc-view1-option1-h2-heading-title-text" instance-id="lXul1i-9W8Mzg" data-ph-id="ph-widget-element-904728468193048-9"><h1 ph-element-dummy-ele="true">JOIN OUR NBA TALENT COMMUNITY!</h1> </ppc-content> </ppc-container> <ppc-container component-content-key="header-block-sub-content" class="sub-content darkar ph-line-height-1_3 ph-cc-d-f-s-18 element-left" data-ph-cid="header-block-sub-content1" data-ph-id="ph-widget-element-904728468193048-10" style="font-family: Roboto-Light;"> <span class="sub-content-block" data-ph-id="ph-widget-element-904728468193048-11"> <ppc-content key="cgAGCl-lXul1i-9e3G5F-ph-jtc-card-cc-view1-option1-header-block-sub-content-text" instance-id="lXul1i-9e3G5F" data-ph-id="ph-widget-element-904728468193048-12">Join our NBA Talent Community and sign up<br /> for personalized job alerts. We'll regularly<br /> share opportunities that match your interests.</ppc-content> </span> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-904728468193048-13"> <ppc-container component-content-key="header-block-primary-action-link" class="header-block-primary-action-link ph-icon-hide button-lg secondary-button ph-letter-spacing-minus-0_2 ph-cc-d-m-r-100 element-center ph-cc-d-f-s-18" data-ph-id="ph-widget-element-904728468193048-14"> <a ph-href="jointalentcommunity" key-ph-href="cgAGCl-lXul1i-vdsN72-ph-jtc-card-cc-view1-option1-header-block-primary-action-link-href" title="See more" key-title="cgAGCl-lXul1i-vdsN72-ph-jtc-card-cc-view1-option1-header-block-primary-action-link-title-text" class="action-link" key-aria-label="cgAGCl-lXul1i-vdsN72-ph-jtc-card-cc-view1-option1-header-block-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="lXul1i-vdsN72" data-ph-id="ph-widget-element-904728468193048-15"> <ppc-content key="cgAGCl-lXul1i-vdsN72-ph-jtc-card-cc-view1-option1-header-block-primary-action-link-text" instance-id="lXul1i-vdsN72" data-ph-id="ph-widget-element-904728468193048-16">Sign Up Here</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-904728468193048-17"></i> </a> </ppc-container> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-904728468193048-18"> <div class="ph-card-container stackable" data-cards-per-row="one" ph-role="" data-ph-id="ph-widget-element-904728468193048-19"> <div class="ph-card" card-name="ph-jtc-card-cc-view1" key-role="cgAGCl-9AYdgC-ph-jtc-card-cc-view1-option1-listItemRole" instance-id="9AYdgC" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-904728468193048-20"> <div class="ph-jtc-card-cc-view1 ph-card-block" data-ph-at-id="ph-jtc-card-cc-view1" data-ph-id="ph-widget-element-904728468193048-21"> <figure class="image" role="presentation" key-role="cgAGCl-9AYdgC-dN4utu-ph-jtc-card-cc-view1-option1-keyRoleText" instance-id="9AYdgC-dN4utu" data-ph-id="ph-widget-element-904728468193048-22"> </figure> <div class="content" data-ph-id="ph-widget-element-904728468193048-28"> <div class="data" data-ph-id="ph-widget-element-904728468193048-29"> </div> </div> </div> </div></div> </div> </div> </div></div></section> <!-- category --> <!-- testimonial slider --> <!-- We are global--> <!-- Why work here --> <!--recom job histroy--> <section class="ph-widget" instance-id="23c11d" view="23c11d-default" original-view="default" data-ph-id="ph-page-element-page10-TY0tsT"> <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-page10-HGi0SO"></div> </section> <!--recently viewd jobs--> <section class="ph-widget" instance-id="81a3gk" view="81a3gk-default" original-view="default" data-ph-id="ph-page-element-page10-PXdILu"> <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-page10-UCc37N"></div> </section> <!--nearbyjbs--> <section class="ph-widget" instance-id="qi5top" view="qi5top-default" original-view="default" data-ph-id="ph-page-element-page10-CzP3Yf"> <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-page10-PZYfgH"></div> </section> <!-- glassdoor --> <!-- find out more --> <!-- A glimpse into Phenom life --> </div> </div> <div class="ph-footer" data-ph-id="ph-page-element-page10-rTWDQa"><div class="footer-layout" type="footer-layout"> <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="YuBLHSet"></pcs-widget> </div></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/en_us/desktop/assets/scripts/1638512386904-custom.js" data-ph-id="ph-page-element-page10-3dl8Wk" async="" nonce=""></script> <script id="platform_script_polyfill" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/minified.js"></script><script id="platform_script_vendor" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/vue.min-1.0_1636721870521.js"></script><script id="platform_script_common" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/common/pcs-common-v1.17_1720531206945.js"></script><script id="caas_bootstrapper" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/bootstrap/ph-platform-1.17_1711627640948.js" defer="" nonce=""> </script><script type="text/javascript">if(phApp) {phApp.viewsFromPage = true} else {var phApp = {"viewsFromPage":true}}</script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/NBANBAUS/en_us/desktop/page10/caas-platform/page-views-1729613778201.js"></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'>b05a3584cfad40e583b9283b3b96e154</div>