CINXE.COM
<!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page1-TOiEnb" class="desktop en_global external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page1-mGwAx1"><link rel="preconnect" href="https://cdn.phenompeople.com" /><link rel="preconnect" href="https://assets.phenompeople.com" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/tenantcss/page/en_global/external/desktop/page1/main-critical-css-1730987805500.css" id="criticalcss" data-global-css-src="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1722507978142.css" data-main-css-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/tenantcss/main-1730985823386.css" data-color-css-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/tenantcss/color-css-1704459195812.css" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@WarnerMedia" /><meta name="twitter:creator" content="@Careers - WarnerMedia" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/TW1-1655221617856.png" page-seo-overriden="true" /><meta name="twitter:title" content="Careers at Warner Bros. Discovery" /><meta name="twitter:description" content="Warner Bros. Discovery offers exciting and rewarding career opportunities across a multitude of disciplines. Join us as we step into the next chapter." /><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page1-i1aBBS" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page1-KvOP9z" /> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/pp/WAMEGLOBAL/en_global/desktop/assets/images/favicon.ico?v=1666016609857" rel="icon" data-ph-id="ph-page-element-page1-xCTkv1" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/pp/WAMEGLOBAL/en_global/desktop/assets/images/h/apple-touch-icon.png?v=1665713729820" data-ph-id="ph-page-element-page1-jfqGhE" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/pp/WAMEGLOBAL/en_global/desktop/assets/images/m/apple-touch-icon.png?v=1665713729820" data-ph-id="ph-page-element-page1-4eYYje" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/pp/WAMEGLOBAL/en_global/desktop/assets/images/l/apple-touch-icon-precomposed.png?v=1665713729820" data-ph-id="ph-page-element-page1-JwhPpL" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/pp/WAMEGLOBAL/en_global/desktop/assets/images/l/apple-touch-icon.png?v=1665713729820" data-ph-id="ph-page-element-page1-WsPA8l" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/pp/WAMEGLOBAL/en_global/desktop/assets/images/l/splash.png?v=1665713729820" data-ph-id="ph-page-element-page1-d1XRPc" /> <script type="text/javascript" nonce="">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://careers.wbd.com/widgets","country":"global","deviceType":"desktop","locale":"en_global","absUrl":true,"refNum":"WAMEGLOBAL","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources/pp","baseUrl":"https://careers.wbd.com/global/en/","baseDomain":"https://careers.wbd.com","phenomTrackURL":"careers.wbd.com/global/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://careers.wbd.com","pageId":"page1"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"settingsIdentifiersFileUrl":"https://cdn.phenompeople.com/CareerConnectResources/prod/pcs/common/classesForCms.js","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":true,"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":{"locationSlider":false,"refineSearch":{"enabledFacets":["category","country","state","empType","business","remoteValue"],"facetDisplayNames":{"category":"Job Category","country":"Country/Region","state":"State/Province","empType":"Position Type","business":"Business","remoteValue":"Remote"},"facetPlaceholderNames":{"category":"Search in Job Category","country":"Search in Country/Region","state":"Search in State/Province","empType":"Search in Position Type","business":"Search in Business ","remoteValue":"Search in Remote"},"defaultFacetsToOpen":[]},"gdpr":{"cookieType":"persistent","enabled":true},"size":"10","iscdnEnabled":true,"oauth":{"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"314102134023707","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"86hrvpw043vbtc","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"}}},"size":"10","refNum":"WAMEGLOBAL","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":true,"cdnCaasContentUrl":"https://content-us.phenompeople.com/api/content-delivery/caasContentV1","eventsEnabled":true,"blogsEnabled":true,"navMenuItems":["blogs","events"],"cdnCaasContentEnabled":true,"showExternalBlogs":true,"navMenuItemsData":{"blogs":{"url":"https://careers.wbd.com/global/en/blog"},"events":{"url":"https://careers.wbd.com/global/en/events"}}},"imageLoadType":{"desktop":"progressive","mobile":"lazy"},"resumableUploadConfig":{"chunkSize":"1","simultaneousUploads":"1","allowedVideoFormats":["mp4","m4p","m4v","mov","qt","avi","wmv","webm","mpg","mpeg"]},"locale":"en_global","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"pcs/common/phw-px-hadlr.1728044004391.js","vendorScripts":{"jquery":"jquery-3.6.1.min.js","jqueryMigrate":"jquery-migrate.min-1.1.js","plyrScript":"plyr-3.7.8.js","plyrStyle":"plyr-3.7.8_1.css","videojs-wavesurfer":"videojs-wavesurfer_3.9.0.js","wavesurfer":"wavesurfer_6.6.4.min.js","wavesurfer-microphone":"wavesurfer.microphone.min_6.6.4.js","mediaInfo":"mediainfo_0.1.9.min.js"},"globalSearchFeature":{"mobileSearch":true},"phwPxScrVerionUrl_1":"prod/pcs/common/phw-px-hadlr-1728036837721.js","widgetScriptsConfig":{"cdnBaseUrl":"https://pp-cdn.phenompeople.com","widgetScriptPath":"CareerConnectResources/pp/agWidgets"},"ally":{"layerEnabled":true,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.19.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content, #skipToMainContent, .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":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"86hrvpw043vbtc","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"google-signin":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/iauth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"314102134023707","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"}},"pageNameMap":{"404":"404_page_view","home":"home_page_view","category":"job_category_page_view","job":"job_details_view","search-results":"search_result_page_view","apply":"apply_page_view","glassdoorReviews":"glassdoor_reviews_page_view","jobcart":"favorites_page_view","jointalentcommunity":"jtc_page_view","featuredOpportunities":"job_category_page_view","businessUnit":"job_category_page_view","event":"event_details_view","events":"event_results_page_view","saved-jobs":"favorites_page_view","blogarticle":"blog_details_page","video-assessment-landing-page":"video_assessment_landing_page_view","video-assessment-recording":"video_assessment_recording_page_view","video-assessment-thankyou":"video_assessment_thankyou_page_view","interview-landing-page":"interview_landing_page_view","interview-recording":"interview_recording_page_view","interview-thankyou":"interview_thankyou_page_view","screening-welcome":"screening_welcome_page_view","screening-answering":"screening_answering_page_view","screening-outro":"screening_thankyou_page_view"},"blogsharewidgetsettings":{"options":[{"name":"whatsapp","order":0,"baseUrl":"https://api.whatsapp.com/send?&text=","eventName":"Share_whatsapp","settings":{"icon":"icon-whatsapp-1","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true},{"name":"linkedin","order":1,"baseUrl":"https://www.linkedin.com/shareArticle?mini=true&url=","eventName":"share_blog","settings":{"icon":"icon-linkedin-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":3,"baseUrl":"https://facebook.com/sharer.php?u=","eventName":"share_blog","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":0,"baseUrl":"https://twitter.com/share?url=","eventName":"share_blog","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":6,"baseUrl":"","eventName":"share_blog","settings":{"icon":"icon-email-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"brandStyle":true,"widgetStyle":"style3","isInline":true,"size":"16","spacing":"21","color":"#fff","backgroundColor":"#ggg","height":"34","width":"34","line-height":"30","lineHeight":"30","borderWidth":"1","borderStyle":"solid","borderColor":"transparent","borderRadius":"100","locale":"en_us","siteVariant":"external"},"botEnabled":false,"kalturaConfig":{"partnerId":"2716851","playerId":"45245971"},"isShareDataFromConfig":true,"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":{"WAMEGLOBAL_Product_Management":"c/product-management-jobs","WAMEGLOBAL_Human_Resources":"c/human-resources-jobs","WAMEGLOBAL_Marketing_Communications":"c/marketing-communications-jobs","WAMEGLOBAL_Executive":"c/executive-jobs","WAMEGLOBAL_Corporate_Administrative":"c/corporate-administrative-jobs","WAMEGLOBAL_Data_Research":"c/data-research-jobs","WAMEGLOBAL_Studio_Operations":"c/studio-operations-jobs","WAMEGLOBAL_Technology":"c/technology-jobs","WAMEGLOBAL_Other":"c/other-jobs","WAMEGLOBAL_Early_Careers":"c/early-careers-jobs","WAMEGLOBAL_Production":"c/production-jobs","WAMEGLOBAL_Creative_Content_Editorial":"c/creative-content-editorial-jobs","WAMEGLOBAL_Sales_Distribution":"c/sales-distribution-jobs","WAMEGLOBAL_Legal_Business_Affairs":"c/legal-business-affairs-jobs","WAMEGLOBAL_Finance_Accounting":"c/finance-accounting-jobs","WAMEGLOBAL_Consumer_Products":"c/consumer-products-jobs","WAMEGLOBAL_Game_Development":"c/game-development-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-card-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-card-v1/pcs-card-v1-1620286894383.js","pcs-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-candidate-login-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1713343704873.js","pcs-blog-list-overview-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-blog-list-overview-v1/pcs-blog-list-overview-v1-1694708553477.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-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},"categories":{"status":200,"hits":0,"totalHits":558,"data":{"category":[{"internalId":"WAMEGLOBAL_Technology","total_count":157,"new_count":0,"display_name":"Technology","category":"Technology","key":"Technology"},{"internalId":"WAMEGLOBAL_Finance_Accounting","total_count":85,"new_count":0,"display_name":"Finance-Accounting","category":"Finance & Accounting","key":"Finance & Accounting"},{"internalId":"WAMEGLOBAL_Creative_Content_Editorial","total_count":64,"new_count":0,"display_name":"Creative-Content-Editorial","category":"Creative, Content & Editorial","key":"Creative, Content & Editorial"},{"internalId":"WAMEGLOBAL_Studio_Operations","total_count":42,"new_count":0,"display_name":"Studio-Operations","category":"Studio Operations","key":"Studio Operations"},{"internalId":"WAMEGLOBAL_Production","total_count":41,"new_count":0,"display_name":"Production","category":"Production","key":"Production"},{"internalId":"WAMEGLOBAL_Marketing_Communications","total_count":36,"new_count":0,"display_name":"Marketing-Communications","category":"Marketing & Communications","key":"Marketing & Communications"},{"internalId":"WAMEGLOBAL_Human_Resources","total_count":30,"new_count":0,"display_name":"Human-Resources","category":"Human Resources","key":"Human Resources"},{"internalId":"WAMEGLOBAL_Game_Development","total_count":18,"new_count":0,"display_name":"Game-Development","category":"Game Development","key":"Game Development"},{"internalId":"WAMEGLOBAL_Data_Research","total_count":17,"new_count":0,"display_name":"Data-Research","category":"Data & Research","key":"Data & Research"},{"internalId":"WAMEGLOBAL_Consumer_Products","total_count":14,"new_count":0,"display_name":"Consumer-Products","category":"Consumer Products","key":"Consumer Products"},{"internalId":"WAMEGLOBAL_Sales_Distribution","total_count":13,"new_count":0,"display_name":"Sales-Distribution","category":"Sales & Distribution","key":"Sales & Distribution"},{"internalId":"WAMEGLOBAL_Corporate_Administrative","total_count":12,"new_count":0,"display_name":"Corporate-Administrative","category":"Corporate & Administrative","key":"Corporate & Administrative"},{"internalId":"WAMEGLOBAL_Legal_Business_Affairs","total_count":11,"new_count":0,"display_name":"Legal-Business-Affairs","category":"Legal & Business Affairs","key":"Legal & Business Affairs"},{"internalId":"WAMEGLOBAL_Early_Careers","total_count":9,"new_count":0,"display_name":"Early-Careers","category":"Early Careers","key":"Early Careers"},{"internalId":"WAMEGLOBAL_Product_Management","total_count":5,"new_count":0,"display_name":"Product-Management","category":"Product Management","key":"Product Management"},{"internalId":"WAMEGLOBAL_Executive","total_count":3,"new_count":0,"display_name":"Executive","category":"Executive","key":"Executive"},{"internalId":"WAMEGLOBAL_Other","total_count":1,"new_count":0,"display_name":"Other","category":"Other","key":"Other"}]},"eid":"6748522f66b5c056e543e15a"},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["categoryMasterDataV2","jobwidgetsettings","siteConfig","categories","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"ad617aa66c8741e4adbe70e2f8646bf8","phProfileId":"c75efd0f-4b2d-4b50-baeb-818a81f3f1a8","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.wbd.com/global/en/home" /><meta name="description" content="Warner Bros. Discovery offers exciting and rewarding career opportunities across a multitude of disciplines. Join us as we step into the next chapter." key-description="external-default-home-description" /><meta name="keywords" content="home, wbd jobs, wbd careers, wbd, WarnerMedia jobs, WarnerMedia careers, WarnerMedia" key-keywords="external-default-home-keywords" /><link rel="alternate" href="https://careers.wbd.com/global/en/" hreflang="en-us" data-seo="1" data-ddo="" /><meta property="og:type" content="website" /><meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/OG-1655221737978.png" page-seo-overriden="true" /><meta property="og:site_name" content="WarnerMedia" /><meta property="og:url" content="https://careers.wbd.com/global/en/home" /><meta property="og:title" content="Careers at Warner Bros. Discovery" /><meta property="og:description" content="Warner Bros. Discovery offers exciting and rewarding career opportunities across a multitude of disciplines. Join us as we step into the next chapter." /><meta property="fb:admins" content="" /><meta property="og:image:width" content="200" /><meta property="og:image:height" content="200" /><title key="external-default-home-title">Careers at Warner Bros. Discovery</title><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp.pageId = "page1"</script><script type="application/ld+json" nonce="">{"@context": "http://schema.org","@type": "WebSite","url": "https://careers.wbd.com/","potentialAction": {"@type": "SearchAction","target": "https://careers.wbd.com/global/en/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-basic-4.30.js" defer="" module="" platform_id="platform_basic" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/require-4.1.js" defer="" platform_id="platform_require" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part1-4.1.js" defer="" platform_id="platform_vendorBundleJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part2-4.1.js" defer="" platform_id="platform_vendorBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part1-4.64.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.64.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/en_global/desktop/page1/ph-page-page1-1729524681975.js" defer="" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-loader-4.21.js" defer="" platform_id="platform_loader" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/appConfig/ph-app-config-1.14.js" defer="" platform_id="platform_phAppConfigJs" nonce=""></script> <script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-1658147764738-view2" nonce=""><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-obk1w0-wOh26Y"> <a ph-href="jobcart" key-ph-href="obk1w0-ph-job-cart-count-v3-view2-jobcartUrl" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" aria-atomic="true" aria-live="assertive" aria-label="${jobCartCount} ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])}" data-ph-id="ph-page-element-short-header-obk1w0-3NknU1"> <!-- <i class="${jobCartCount > 0? 'icon icon-cart-lg' : 'icon icon-cart'}" aria-hidden="true"></i> --> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-obk1w0-MtKCE3"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-obk1w0-ELAjsr"> ${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-obk1w0-2S3Jts"> (${jobCartCount}) </span> </a> </div> </script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1612862836928" nonce=""><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" role="region" key-role="gdpr-regionRole" aria-label="cookies message" key-aria-label="gdpr-cookiesMessageAriaLabel" if.bind="showCookiePopup" data-ph-id="ph-1612862835047-default-ph-cookie-popup-v21k65cR-jFrWON" data-pre-render=""> <div class="container" data-ph-id="ph-1612862835047-default-ph-cookie-popup-v21k65cR-L7zgw6"> <div class="cookie-text-area" data-ph-at-id="cookie-text" data-ph-id="ph-1612862835047-default-ph-cookie-popup-v21k65cR-4cnvCB"> <ppc-content key="gdpr-cookietextAreaText" data-ph-at-id="cookie-text" data-ph-id="ph-1612862835047-default-ph-cookie-popup-v21k65cR-HGaWjA"> We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our Cookie Settings page. If you continue to use this site, you consent to our use of cookies. </ppc-content> </div> <div class="cookie-button-area" data-ph-id="ph-1612862835047-default-ph-cookie-popup-v21k65cR-ypEWQh"> <a ph-href="cookiesettings" key-ph-href="gdpr-careerSiteCookieSettingsHrefText" class="btn secondary-button cookie-settings" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="gdpr-cookieSettingsAriaLabel" data-ph-id="ph-1612862835047-default-ph-cookie-popup-v21k65cR-Nx0UE3" phae="ph-cookie-popup-v2" phae-type="click" phae-main="1"> <ppc-content key="gdpr-cookieSettingsText" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-1612862835047-default-ph-cookie-popup-v21k65cR-cRNU78"> Cookie Settings </ppc-content> </a> <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" data-ph-id="ph-1612862835047-default-ph-cookie-popup-v21k65cR-gYt4Dl" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2"> <i class="icon icon-check-mark" data-ph-id="ph-1612862835047-default-ph-cookie-popup-v21k65cR-VubkhE"></i> <ppc-content key="gdpr-allowCookiesText" data-ph-at-id="cookie-close-link-text" data-ph-id="ph-1612862835047-default-ph-cookie-popup-v21k65cR-K9ATkB"> Allow </ppc-content> </button> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-global-search-v3-1648051984869-default-8732624432848100" nonce=""><form class="phs-global-search-area phs-global-sr-container ph-widget-box ph-mobile-search-backdrop" keyup.delegate="arrowKeyUp($event)" novalidate="" action="" title="${widgetBundle['globalSearchFormTitle'] | pht}" data-ph-id="ph-widget-element-8732624420324447-2"> <!-- <card type="ph-header-block-v1-view2"> <component class="hide" data-ph-name="h1-heading" data-ph-cid="h1-heading1" value="Do what you love"> </component> <component class="hide" data-ph-name="header-block-sub-content" data-ph-cid="header-block-sub-content1" value="Search jobs"></component> </card> --> <div class="form-group phs-global-search ph-search-group" data-ph-id="ph-widget-element-8732624420324447-3"> <button class="ph-header-search-icon hide" aria-label="${widgetBundle['globalsearchAriaLabelText'] | pht}" type="button" data-ph-id="ph-widget-element-8732624420324447-4"> <ppc-content type="icon" data-ph-id="ph-widget-element-8732624420324447-5"> <i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-widget-element-8732624420324447-6"></i> </ppc-content> </button> <div class="input-group ${showDropDown ? 'dropdown-open': 'dropdown-close'}" data-ph-id="ph-widget-element-8732624420324447-7"> <div class="job-filter ph-suggestion-focus-block ph-search-group" data-ph-at-id="keyword-category-location" if.bind="!hasFeature && !hasFeature('auto-complete', 'a11y')" data-ph-id="ph-widget-element-8732624420324447-8"> <div data-ph-id="ph-widget-element-8732624420324447-9"> <a if.bind="!isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="Atrás" key-aria-label="KeEkBd-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-mobileBackButtonText" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-widget-element-8732624420324447-10"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-8732624420324447-11"></i> </a> <!-- added to avoid scroll effect when header search icon is present--> <a if.bind="isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="Atrás" key-aria-label="LocvIg-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-mobileBackButtonText" click.delegate="clearBackdrop($event)" data-ph-id="ph-widget-element-8732624420324447-12"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-8732624420324447-13"></i> </a> <label class="sr-only" for="phsKeywords" data-ph-id="ph-widget-element-8732624420324447-14"> ${widgetBundle['inputLabelText'] | pht} </label> <input type="text" name="phsKeywords" id="phsKeywords" focus.trigger="handleFocus($event)" if.bind="getWidgetBundleValue" key-placeholder="EqKpD3-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-globalSearchPlaceholderText" aria-label="${widgetBundle['inputAriaLabelText'] | pht}" placeholder="Ingrese el título del trabajo o la ubicación" ref="typehead" placeholder.bind="getWidgetBundleValue('globalsearchPlaceholder', 'placeholder', typehead)" class="form-control phs-keywords input-lg ph-input-search" value.bind="searchValue & debounce:100" autocomplete="off" data-ph-at-id="globalsearch-input" data-ph-id="ph-widget-element-8732624420324447-15"> <input type="text" name="phsKeywords" id="phsKeywords" focus.trigger="handleFocus($event)" key-placeholder="mqtvWZ-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-globalSearchPlaceholderText" aria-label="Ingrese el título del trabajo o la ubicación" key-aria-label="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-inputAriaLabelTxt" placeholder="Ingrese el título del trabajo o la ubicación" if.bind="!getWidgetBundleValue" class="form-control phs-keywords input-lg ph-input-search" value.bind="searchValue & debounce:100" autocomplete="off" data-ph-at-id="globalsearch-input" data-ph-id="ph-widget-element-8732624420324447-16"> <span class="search-sym" data-ph-id="ph-widget-element-8732624420324447-17"> <ppc-content type="icon" data-ph-id="ph-widget-element-8732624420324447-18"><i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-widget-element-8732624420324447-19"></i></ppc-content> </span> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.trigger="clearSearch($event)" show.bind="searchValue" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" aria-label="Texto sin cifrar" key-aria-label="9fYXnb-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-clearSearchBtnTxt" data-ph-id="ph-widget-element-8732624420324447-20"> <ppc-content type="icon" data-ph-id="ph-widget-element-8732624420324447-21"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-8732624420324447-22"></i></ppc-content> <span class="sr-only" data-ph-id="ph-widget-element-8732624420324447-23"> <ppc-content key="s8OV8a-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-searchInputClearText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-8732624420324447-24">Texto sin cifrar</ppc-content> </span> </a> </input></input></div> <div class="phs-search-suggestions" show.bind="showDropDown" id="searchSuggest" aria-label="Search suggestions" aria-hidden="${!showDropDown ? 'true' : 'false'}" data-ph-id="ph-widget-element-8732624420324447-25"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="showAllJobCategories && !isMilitarySearch && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('allCategories')))" data-ph-at-id="onclick-category" data-ph-id="ph-widget-element-8732624420324447-26"> <div class="phs-search-categories" data-ph-id="ph-widget-element-8732624420324447-27"> <div data-ph-id="ph-widget-element-8732624420324447-28"> <h2 data-ph-id="ph-widget-element-8732624420324447-29"> <ppc-content key="kubsP0-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-job-categories-text" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-30">Categorías de trabajo</ppc-content> </h2> </div> <ul class="phs-search-category-list" show.bind="allJobCategories.length" aria-hidden="${!allJobCategories.length ? 'true' : 'false'}" data-ph-at-id="category-list" role="presentation" data-ph-at-total-data-count="${allJobCategories.length}" data-ph-id="ph-widget-element-8732624420324447-31"> <li repeat.for="category of allJobCategories" class="job-search-keyblock job-container-category_${$parent.$index}_${$index}" data-ph-at-id="category-list-item" data-ph-id="ph-widget-element-8732624420324447-32"> <a ph-tevent="job_category_search_click" aria-label="${category.key} ${category.total_count} ${category.total_count > 1 ? 'jobs':'job'}" id="phs-lia_${$parent.$index}_${$index}" ref="linkEle" data-presentation-title="${category.key}" href.bind="getUrl(linkEle, 'category', category)" role="link" 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-8732624420324447-33"> <span class="sr-only" data-ph-id="ph-widget-element-8732624420324447-34"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-widget-element-8732624420324447-35">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-widget-element-8732624420324447-36"> ${(widgetBundle['categoryCount'] || '{{totalCount}}') | pht:{'totalCount':category.total_count}} </span> <span class="sr-only" if.bind="category.total_count == 1" data-ph-id="ph-widget-element-8732624420324447-37">${widgetBundle['globalsearchJobsCountSingler'] | pht}</span> <span class="sr-only" if.bind="category.total_count > 1" data-ph-id="ph-widget-element-8732624420324447-38">${widgetBundle['globalsearchJobsCountPlural'] | pht}</span> </a> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-widget-element-8732624420324447-39"> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-8732624420324447-40"> <h2 data-ph-id="ph-widget-element-8732624420324447-41"> <ppc-content key="FInVkk-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-42">Código Militar</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="presentation" data-ph-id="ph-widget-element-8732624420324447-43"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-8732624420324447-44"> <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-8732624420324447-45"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-8732624420324447-46"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-widget-element-8732624420324447-47"> <ppc-content key="kCI8Th-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-8732624420324447-48">No se han encontrado resultados</ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isMilitarySearch" aria-label="Job Suggestions" data-ph-id="ph-widget-element-8732624420324447-49"> <!--Jobs--> <div class="phs-jobs-suggested" if.bind="allSuggestions.show.jobs && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedJobs')))" data-ph-at-id="suggested-jobs" data-ph-id="ph-widget-element-8732624420324447-50"> <h2 data-ph-id="ph-widget-element-8732624420324447-51"> <ppc-content key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-jobsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-52">Empleos</ppc-content> </h2> <ul class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.jobs.length}" aria-hidden="${!allSuggestions.length ? 'true' : 'false'}" data-ph-id="ph-widget-element-8732624420324447-53"> <li repeat.for="eachJob of allSuggestions.jobs" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-8732624420324447-54"> <a ph-tevent="type_ahead_search" id="phs-lia_0_${$index}" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob)" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-option-title="${eachJob.title}" aria-label="Job title ${eachJob.title} ${eachJob.location ? 'Location' : ''} ${eachJob.location} ${eachJob.category ? 'Category' : ''} ${eachJob.category}" data-title="${eachJob.title}" data-jobid="${eachJob.id}" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-id="suggested-data-link" data-ph-at-job-id-text="${eachJob.id}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-category-text="${eachJob.category}" data-ph-at-job-location-text="${eachJob.location}" data-ph-id="ph-widget-element-8732624420324447-55"> <div class="phs-job-title" data-ph-id="ph-widget-element-8732624420324447-56"> <!-- <span class="sr-only"><ppc-content key="catogeryJobTitleText" data-ph-at-id="jobtitle-text">Job title</ppc-content></span> --> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-8732624420324447-57"></span> </div> <div class="phs-job-info" if.bind="eachJob.location" data-ph-at-id="job-info" data-ph-id="ph-widget-element-8732624420324447-58"> <span class="phs-job-location" data-ph-id="ph-widget-element-8732624420324447-59"> <!-- <span class="sr-only"><ppc-content key="headerJobLocationsText" data-ph-at-id="joblocation-text">Location</ppc-content></span> --> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-widget-element-8732624420324447-60"> <!-- <span class="sr-only"> <ppc-content key="headerJobCatogeryText" data-ph-at-id="jobcategory-text">Category</ppc-content> </span> --> ${eachJob.category} </span> </div> </a> </li> </ul> </div> <!-- Military jobs --> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-8732624420324447-61"> <h2 data-ph-id="ph-widget-element-8732624420324447-62"> <ppc-content key="N0MIfk-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-63">Código Militar</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="presentation" data-ph-id="ph-widget-element-8732624420324447-64"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-8732624420324447-65"> <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-8732624420324447-66"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-8732624420324447-67"></span> </a> </li> </ul> </div> <!--Location--> <div class="phs-locations-suggested" if.bind="(allSuggestions.show.locations && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedLocations')))) && (allSuggestions.locations.city.length || allSuggestions.locations.state.length || allSuggestions.locations.country.length)" data-ph-at-id="suggested-locations" data-ph-id="ph-widget-element-8732624420324447-68"> <h2 data-ph-id="ph-widget-element-8732624420324447-69"> <ppc-content key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-locationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-70">Ubicaciones</ppc-content> </h2> <ul class="phs-locations-suggested-list" role="region" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.locations.length}" aria-hidden="${!allSuggestions.locations.length ? 'true' : 'false'}" data-ph-id="ph-widget-element-8732624420324447-71"> <li repeat.for="eachCity of allSuggestions.locations.city" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" data-ph-id="ph-widget-element-8732624420324447-72"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_1_${$index}" href.bind="getUrl(linkEle, 'search-results', eachCity, 'qcity='+eachCity.city+'&qstate='+eachCity.state+'&qcountry='+eachCity.country)" data-ph-tevent-attr-trait59="location" aria-label="${eachCity.locationName} ${eachCity.count} ${eachCity.count > 1 ? 'jobs' : 'job'}" data-ph-tevent-attr-trait60="${eachCity.name}" data-option-title="${eachCity.name}" data-category="${eachCity.name}" data-ph-at-data-count="${eachCity.count}" data-ph-at-data-text="${(eachCity.locationName_html ? eachCity.locationName_html : eachCity.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-widget-element-8732624420324447-73"> <span innerhtml="${(eachCity.locationName_html ? eachCity.locationName_html : eachCity.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-widget-element-8732624420324447-74"></span> <span if.bind="eachCity.isSuggested" class="suggested-location" data-ph-id="ph-widget-element-8732624420324447-75"> <ppc-content key="3anLUe-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-suggestedLocationText" data-ph-at-id="suggested-location-text" data-ph-id="ph-widget-element-8732624420324447-76">. ubicación sugerida</ppc-content> </span> <span class="phs-jobs-count phs-${eachCity.count}" data-ph-id="ph-widget-element-8732624420324447-77"> ${(widgetBundle['eachCityCount'] || '{{totalCityCount}}') | pht:{'totalCityCount':eachCity.count}} </span> </a> </li> <li repeat.for="eachState of allSuggestions.locations.state" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-states-list-item" data-ph-id="ph-widget-element-8732624420324447-78"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_2_${$index}" href.bind="getUrl(linkEle, 'search-results', eachState, 'qstate='+eachState.state+'&qcountry='+eachState.country)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachState.name}" data-option-title="${eachState.name}" aria-label="${eachState.locationName} ${eachState.count} ${eachState.count > 1 ? 'jobs' : 'job'}" data-category="${eachState.name}" data-ph-at-data-count="${eachState.count}" data-ph-at-data-text="${(eachState.locationName_html ? eachState.locationName_html : eachState.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-widget-element-8732624420324447-79"> <span innerhtml="${(eachState.locationName_html ? eachState.locationName_html : eachState.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-widget-element-8732624420324447-80"></span> <span if.bind="eachState.isSuggested" class="suggested-location" data-ph-id="ph-widget-element-8732624420324447-81"> <ppc-content key="k5nH69-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-suggestedLocationText" data-ph-at-id="suggested-location-text" data-ph-id="ph-widget-element-8732624420324447-82">. ubicación sugerida</ppc-content> </span> <span class="phs-jobs-count phs-${eachState.count}" data-ph-id="ph-widget-element-8732624420324447-83"> ${(widgetBundle['eachStateCount'] || '{{totalStateCount}}') | pht:{'totalStateCount':eachState.count}} </span> </a> </li> <li repeat.for="eachCountry of allSuggestions.locations.country " class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-countries-list-item" data-ph-id="ph-widget-element-8732624420324447-84"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_3_${$index}" href.bind="getUrl(linkEle, 'search-results', eachCountry, 'qcountry='+eachCountry.name)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachCountry.name}" data-option-title="${eachCountry.name}" data-category="${eachCountry.name}" data-ph-at-data-count="${eachCountry.count}" aria-label="${eachCountry.locationName} ${eachCountry.count} ${eachCountry.count > 1 ? 'jobs' : 'job'}" data-ph-at-data-text="${(eachCountry.locationName_html ? eachCountry.locationName_html : eachCountry.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-widget-element-8732624420324447-85"> <span innerhtml="${(eachCountry.locationName_html ? eachCountry.locationName_html : eachCountry.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-widget-element-8732624420324447-86"></span> <span if.bind="eachCountry.isSuggested" class="suggested-location" data-ph-id="ph-widget-element-8732624420324447-87"> <ppc-content key="ADlfGN-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-suggestedLocationText" data-ph-at-id="suggested-location-text" data-ph-id="ph-widget-element-8732624420324447-88">. ubicación sugerida</ppc-content> </span> <span class="phs-jobs-count phs-${eachCountry.count}" data-ph-id="ph-widget-element-8732624420324447-89"> ${(widgetBundle['eachCountryCount'] || '{{totalCountryCount}}') | pht:{'totalCountryCount':eachCountry.count}} </span> </a> </li> </ul> </div> <!--Category--> <div class="phs-categorys-suggested" if.bind="allSuggestions.show.categories && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedCategories')))" data-ph-at-id="suggested-categories" data-ph-id="ph-widget-element-8732624420324447-90"> <h2 data-ph-id="ph-widget-element-8732624420324447-91"> <ppc-content key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-suggestedCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-92">Categoría</ppc-content> </h2> <ul class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.categories.length}" aria-hidden="${!allSuggestions.categories.length ? 'true' : 'false'}" data-ph-id="ph-widget-element-8732624420324447-93"> <li repeat.for="eachCategory of allSuggestions.categories" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-8732624420324447-94"> <a ph-tevent="type_ahead_search" id="phs-lia_0_${$index}" ref="linkEle" href.bind="getUrl(linkEle, 'category', eachCategory)" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-option-title="${eachCategory.category}" aria-label="${eachCategory.category} ${eachCategory.count} ${eachCategory.count > 1 ? 'jobs' : 'job'}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-widget-element-8732624420324447-95"> ${eachCategory.category} <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-widget-element-8732624420324447-96"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> </a> </li> </ul> </div> <!--Recent Searches--> <div class="phs-recentsearches-suggested" if.bind="allSuggestions.show.searched && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedRecentSearches')))" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-8732624420324447-97"> <h2 data-ph-id="ph-widget-element-8732624420324447-98"> <ppc-content key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-recentSearchesHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-99">Búsquedas recientes</ppc-content> </h2> <ul class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.searched.length}" show.bind="allSuggestions.searched.length" aria-hidden="${!allSuggestions.searched.length ? 'true' : 'false'}" data-ph-id="ph-widget-element-8732624420324447-100"> <li repeat.for="eachKeyword of allSuggestions.searched" data-ph-at-id="suggested-data-list-item" show.bind="$index < 3" data-ph-id="ph-widget-element-8732624420324447-101"> <a ph-tevent="type_ahead_search" id="phs-lia_4_${$index}" ref="linkEle" data-ajax="false" data-option-title="${eachKeyword}" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href.bind="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}" aria-label="${eachKeyword}" data-ph-id="ph-widget-element-8732624420324447-102">${eachKeyword}</a> </li> </ul> </div> <!--Suggested Keywords--> <div class="phs-suggested-keywords-suggested" if.bind="allSuggestions.show.keywords && !allSuggestions.show.jobs && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedKeywords')))" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-8732624420324447-103"> <h2 data-ph-id="ph-widget-element-8732624420324447-104"> <ppc-content key="blJE85-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-105">Palabras clave sugeridas</ppc-content> </h2> <ul class="phs-suggested-keywords-list" click.delegate="handleSelection($event)" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.keywords.length}" aria-hidden="${!allSuggestions.keywords.length ? 'true' : 'false'}" data-ph-id="ph-widget-element-8732624420324447-106"> <li repeat.for="eachKeyword of allSuggestions.keywords" show.bind="$index < 3" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-8732624420324447-107"> <a ph-tevent="type_ahead_search" id="phs-lia_5_${$index}" ref="linkEle" data-ajax="false" data-option-title="${eachKeyword}" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href.bind="inlineSearch ? 'javascript:void(0)' : 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}" aria-label="${eachKeyword}" data-ph-id="ph-widget-element-8732624420324447-108"> ${eachKeyword} </a> </li> </ul> </div> </div> </div> </div> <div class="job-filter ph-suggestion-focus-block ph-search-group" data-ph-at-id="keyword-category-location" if.bind="hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-id="ph-widget-element-8732624420324447-109"> <div aria-owns="typehead-listbox" aria-haspopup="listbox" data-ph-id="ph-widget-element-8732624420324447-110"> <a if.bind="!isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="Atrás" key-aria-label="QlOJLg-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-mobileBackButtonText" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-widget-element-8732624420324447-111"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-8732624420324447-112"></i> </a> <!-- added to avoid scroll effect when header search icon is present--> <a if.bind="isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="Atrás" key-aria-label="ccw3bZ-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-mobileBackButtonText" click.delegate="clearBackdrop($event)" data-ph-id="ph-widget-element-8732624420324447-113"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-8732624420324447-114"></i> </a> <!-- <span class="sr-only">Please navigate the suggestions using the tab key</span> --> <label for="typehead" class="sr-only" data-ph-id="ph-widget-element-8732624420324447-115">${isMilitarySearch ? widgetBundle['militarysearchPlaceholder'] : widgetBundle['globalsearchPlaceholder']}</label> <input type="text" class="ph-a11y-search-box form-control phs-keywords input-lg ph-input-search" focus.trigger="handleFocus($event)" value.bind="searchValue" placeholder="${isMilitarySearch ? widgetBundle['militarysearchPlaceholder'] : widgetBundle['globalsearchPlaceholder']}" autocomplete="off" ph-a11y-autocomplete="" aria-autocomplete="list" aria-controls="typehead-listbox" data-ph-at-id="globalsearch-input" showresultsonfocus="${isMilitarySearch ? false : true}" name="typehead" id="typehead" data-ph-id="ph-widget-element-8732624420324447-116"> <span class="search-sym" data-ph-id="ph-widget-element-8732624420324447-117"> <ppc-content type="icon" data-ph-id="ph-widget-element-8732624420324447-118"><i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-widget-element-8732624420324447-119"></i></ppc-content> </span> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.trigger="clearSearch($event)" show.bind="searchValue" href="javascript:void(0);" data-ph-at-id="clear-globalsearch-link" aria-label="Texto sin cifrar" key-aria-label="QS5N0w-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-clearSearchBtnTxt" data-ph-id="ph-widget-element-8732624420324447-120"> <ppc-content type="icon" data-ph-id="ph-widget-element-8732624420324447-121"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-8732624420324447-122"></i></ppc-content> <span class="sr-only" data-ph-id="ph-widget-element-8732624420324447-123"> <ppc-content key="jdTitc-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-searchInputClearText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-8732624420324447-124">Texto sin cifrar</ppc-content> </span> </a> </input></div> <div class="phs-search-suggestions" show.bind="showDropDown" id="typehead-listbox" aria-label="Search suggestions" role="listbox" tabindex="-1" aria-hidden="${!showDropDown ? 'true' : 'false'}" aria-labelledby="typehead-listbox" data-ph-id="ph-widget-element-8732624420324447-125"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="showAllJobCategories && !isMilitarySearch && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('allCategories')))" data-ph-at-id="onclick-category" data-ph-id="ph-widget-element-8732624420324447-126"> <div class="phs-search-categories" data-ph-id="ph-widget-element-8732624420324447-127"> <div data-ph-id="ph-widget-element-8732624420324447-128"> <h2 data-ph-id="ph-widget-element-8732624420324447-129"> <ppc-content key="bERQCc-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-job-categories-text" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-130" language-overriden="true">Job Categories</ppc-content> </h2> </div> <ul class="phs-search-category-list" show.bind="allJobCategories.length" data-ph-at-id="category-list" data-ph-at-total-data-count="${allJobCategories.length}" aria-hidden="${!allJobCategories.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-widget-element-8732624420324447-131"> <li repeat.for="category of allJobCategories" class="job-container-category_${$index}" data-ph-at-id="category-list-item" role="option" data-ph-id="ph-widget-element-8732624420324447-132"> <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-8732624420324447-133"> <span class="sr-only" data-ph-id="ph-widget-element-8732624420324447-134"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-widget-element-8732624420324447-135">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-widget-element-8732624420324447-136"> ${(widgetBundle['categoryCount'] || '{{totalCount}}') | pht:{'totalCount':category.total_count}} </span> <span class="sr-only" if.bind="category.total_count == 1" data-ph-id="ph-widget-element-8732624420324447-137">${widgetBundle['globalsearchJobsCountSingler'] | pht}</span> <span class="sr-only" if.bind="category.total_count > 1" data-ph-id="ph-widget-element-8732624420324447-138">${widgetBundle['globalsearchJobsCountPlural'] | pht}</span> </a> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-widget-element-8732624420324447-139"> <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-8732624420324447-140"> <h2 data-ph-id="ph-widget-element-8732624420324447-141"> <ppc-content key="KwfFyq-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-142">Código Militar</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="presentation" data-ph-id="ph-widget-element-8732624420324447-143"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-8732624420324447-144"> <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-8732624420324447-145"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-8732624420324447-146"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-widget-element-8732624420324447-147"> <ppc-content key="Q3OOSZ-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-8732624420324447-148">No se han encontrado resultados</ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isMilitarySearch" phfc="${setKeywordSuggested(['suggestedJobs','suggestedLocations', 'suggestedCategories', 'keywordsSearched', 'suggestedKeywords'])}" data-ph-id="ph-widget-element-8732624420324447-149"> <div class="phs-jobs-suggested" if.bind="suggestedJobs.length && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedJobs')))" data-ph-at-id="suggested-jobs" data-ph-id="ph-widget-element-8732624420324447-150"> <h2 class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-8732624420324447-151"> <ppc-content key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-jobHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-152" language-overriden="true">Jobs</ppc-content> </h2> <ul class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedJobs.length}" aria-hidden="${!suggestedJobs.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-widget-element-8732624420324447-153"> <li repeat.for="eachJob of suggestedJobs" role="option" data-ph-at-id="suggested-data-list-item" class="phsJobsSuggested_${$index}" aria-setsize="${suggestedJobResults.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-8732624420324447-154"> <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-8732624420324447-155"> <div class="phs-job-title" data-ph-id="ph-widget-element-8732624420324447-156"> <span class="sr-only" data-ph-id="ph-widget-element-8732624420324447-157"> <ppc-content key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-jobTitleText" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-8732624420324447-158">Título del trabajo</ppc-content> </span> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-8732624420324447-159"></span> </div> <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-widget-element-8732624420324447-160"> <span class="phs-job-location" data-ph-id="ph-widget-element-8732624420324447-161"> <span class="sr-only" data-ph-id="ph-widget-element-8732624420324447-162"> <ppc-content key="05xF4v-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-8732624420324447-163">ubicación</ppc-content> </span> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-widget-element-8732624420324447-164"> <span class="sr-only" data-ph-id="ph-widget-element-8732624420324447-165"> <ppc-content key="txTXtw-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-jobCategoryText" data-ph-at-id="jobcategory-text" data-ph-id="ph-widget-element-8732624420324447-166">categoría</ppc-content> </span> ${eachJob.category} </span> </div> </a> </li> </ul> </div> <!-- Military jobs --> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" if.bind="suggestedMOSKeywords.length" data-ph-id="ph-widget-element-8732624420324447-167"> <h2 data-ph-id="ph-widget-element-8732624420324447-168"> <ppc-content key="ZTbkam-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-169">Código Militar</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="presentation" data-ph-id="ph-widget-element-8732624420324447-170"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-8732624420324447-171"> <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-8732624420324447-172"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-8732624420324447-173"></span> </a> </li> </ul> </div> <div class="phs-locations-suggested" if.bind="suggestedLocations.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedLocations')))" data-ph-at-id="suggested-locations" data-ph-id="ph-widget-element-8732624420324447-174"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-8732624420324447-175"> <ppc-content key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-jobLocationHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-176" language-overriden="true">Location</ppc-content> </h2> <ul class="phs-locations-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedLocations.length}" aria-hidden="${!suggestedLocations.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-widget-element-8732624420324447-177"> <li repeat.for="eachLocation of suggestedLocations" role="option" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + $index + 1}" data-ph-id="ph-widget-element-8732624420324447-178"> <a href="${getUrl(linkEle, 'search-results', eachLocation, 'qcity='+eachLocation.city+'&qstate='+eachLocation.state+'&qcountry='+eachLocation.country)}" ph-tevent="type_ahead_search" ref="linkEle" tabindex="-1" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.name}" data-category="${eachLocation.name}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.name}" data-ph-at-data-count="${eachLocation.count}" data-ph-id="ph-widget-element-8732624420324447-179"> <span class="sr-only" data-ph-id="ph-widget-element-8732624420324447-180"> <ppc-content key="XpdFeD-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-8732624420324447-181">ubicación</ppc-content> </span> ${eachLocation.locationName} <!-- <span class="phs-jobs-count">${eachLocation.count}</span> --> <span class="phs-jobs-count phs-${eachLocation.count}" data-ph-id="ph-widget-element-8732624420324447-182"> ${(widgetBundle['eachLocationCount'] || '{{totalLocationCount}}') | pht:{'totalLocationCount':eachLocation.count}} </span> </a> </li> </ul> </div> <div class="phs-categorys-suggested" if.bind="suggestedCategories.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedCategories')))" data-ph-at-id="suggested-categories" data-ph-id="ph-widget-element-8732624420324447-183"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-8732624420324447-184"> <ppc-content key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-suggestedCategoryHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-185" language-overriden="true">Category</ppc-content> </h2> <ul class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedCategories.length}" aria-hidden="${!suggestedCategories.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-widget-element-8732624420324447-186"> <li repeat.for="eachCategory of suggestedCategories" role="option" class="phsCategorySuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + $index + 1}" data-ph-id="ph-widget-element-8732624420324447-187"> <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-8732624420324447-188"> <span class="sr-only" data-ph-id="ph-widget-element-8732624420324447-189"> <ppc-content key="B1AL2S-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-jobCategoryText" data-ph-at-id="jobcategory-text" data-ph-id="ph-widget-element-8732624420324447-190">categoría</ppc-content> </span> ${eachCategory.category} <!-- <span class="phs-jobs-count">${eachCategory.count}</span> --> <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-widget-element-8732624420324447-191"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> </a> </li> </ul> </div> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedRecentSearches')))" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-8732624420324447-192"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-8732624420324447-193"> <ppc-content key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-194" language-overriden="true">Recent Searches</ppc-content> </h2> <ul class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.searched.length}" show.bind="allSuggestions.searched.length" aria-hidden="${!allSuggestions.searched.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-widget-element-8732624420324447-195"> <li repeat.for="eachKeyword of allSuggestions.searched" role="option" show.bind="$index < 3" class="phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + $index + 1}" data-ph-id="ph-widget-element-8732624420324447-196"> <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-8732624420324447-197"> <span class="sr-only" data-ph-id="ph-widget-element-8732624420324447-198"> <ppc-content key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-recentSearchText" data-ph-at-id="recentsearch-text" data-ph-id="ph-widget-element-8732624420324447-199">Búsqueda reciente</ppc-content> </span> ${eachKeyword} </a> </li> </ul> </div> <div class="phs-suggested-keywords-suggested" if.bind="suggestedKeywords.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedKeywords')))" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-8732624420324447-200"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-8732624420324447-201"> <ppc-content key="5OomSY-OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8732624420324447-202" language-overriden="true">Suggested Keywords</ppc-content> </h2> <ul class="phs-suggested-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedKeywords.length}" aria-hidden="${!suggestedKeywords.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-widget-element-8732624420324447-203"> <li repeat.for="eachKeyword of suggestedKeywords" role="option" show.bind="$index < 3" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + allSuggestions.searched.length + $index + 1}" data-ph-id="ph-widget-element-8732624420324447-204"> <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-8732624420324447-205"> <span class="sr-only" data-ph-id="ph-widget-element-8732624420324447-206"> <ppc-content key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-suggestedKeywordText" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-widget-element-8732624420324447-207">Búsqueda reciente</ppc-content> </span> ${eachKeyword} </a> </li> </ul> </div> </div> </div> </div> <span class="input-group-btn ${searchBoxBackdrop ? 'blur-background':''}" data-ph-id="ph-widget-element-8732624420324447-208"> <button type="submit" submit.delegate="handleSubmitClick()" click.delegate="handleSubmitClick()" class="btn primary-button btn-lg phs-search-submit " data-ph-at-id="globalsearch-button" role="button" aria-label="${widgetBundle['globalsearchButtonAriaLabelText'] | pht}" id="ph-search-backdrop" data-ph-id="ph-widget-element-8732624420324447-209"> <ppc-content type="icon" data-ph-id="ph-widget-element-8732624420324447-210"> <i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-widget-element-8732624420324447-211"></i> </ppc-content> <span data-ph-id="ph-widget-element-8732624420324447-212"> ${widgetBundle['globalsearchButtonText'] | pht}</span> </button> </span> </div> </div> <span aria-live="polite" aria-atomic="true" class="sr-only" data-ph-id="ph-widget-element-8732624420324447-213"> <span if.bind="resultsUpdated" data-ph-id="ph-widget-element-8732624420324447-214"> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue.length && !gsClrTxt" key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-jobCategoriesAsSRText" data-ph-id="ph-widget-element-8732624420324447-215">Categorías de trabajo sugeridas disponibles. Utilice las teclas de flecha para acceder a las categorías.</span> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue.length && gsClrTxt" key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-jobCategoriesAsSRText2" data-ph-id="ph-widget-element-8732624420324447-216">Texto borrado. Categorías de trabajo sugeridas disponibles. Utilice las teclas de flecha para acceder a las categorías.</span> <span if.bind="!isMilitarySearch && showDropDown && searchValue.length && suggestedJobResults.length > 0" key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-jobSuggestionsAsSRText" data-ph-id="ph-widget-element-8732624420324447-217">${suggestedJobResults.length} sugerencias disponibles, vaya a la lista para seleccionar sugerencia.</span> <span if.bind="!isMilitarySearch && searchValue.length && !suggestedJobResults.length" key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-noSuggestionsAsSRText" data-ph-id="ph-widget-element-8732624420324447-218">No hay sugerencias disponibles</span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && suggestedMOSKeywords && suggestedMOSKeywords.length > 0" key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-militaryJobsSelectionAsSRText" data-ph-id="ph-widget-element-8732624420324447-219">Sugerencias de trabajo militar disponibles, navegue a la lista para seleccionar sugerencia.</span> <span if.bind="isMilitarySearch && !searchValue.length && !gsClrTxt && isSearchInFocus" key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-militaryNoSearchVlaueAsSRText" data-ph-id="ph-widget-element-8732624420324447-220">Presiona cualquier tecla para obtener sugerencias de trabajo militar</span> <span if.bind="isMilitarySearch && !searchValue.length && gsClrTxt && isSearchInFocus" key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-militaryNoSearchVlaueAsSRText2" data-ph-id="ph-widget-element-8732624420324447-221">texto borrado presione cualquier tecla para sugerencias de trabajo militar</span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && !suggestedMOSKeywords.length" key="OKQcd5-ph-hero-block-cc-view13-option1-savedView-1683835063568-militarySearchNoResultsAsSRText" data-ph-id="ph-widget-element-8732624420324447-222">No se han encontrado resultados</span> </span> </span> </form></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1614937700494-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-HAwlho"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" key-aria-label="fyf3jd-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-azNVqm"> <span class="action-icon" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ulmjEG"> <i class="icon icon-upload" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-rGs0Bt"></i> </span> <ppc-content key="fyf3jd-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-rs5y5r">Upload new </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-external-upload-resume-1614955104011" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-external-upload-resume-1614937705334-ph-import-resume-v1-dcjcWB"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="pwFBdi-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-external-upload-resume-1614937705334-ph-import-resume-v1-FkTAYx"> <div class="dropzone-content" data-ph-id="ph-external-upload-resume-1614937705334-ph-import-resume-v1-KvROPv"> <div class="content-holder" data-ph-id="ph-external-upload-resume-1614937705334-ph-import-resume-v1-k3Y9i5"> <span data-ph-id="ph-external-upload-resume-1614937705334-ph-import-resume-v1-mTxdU6"> <ppc-content key="cMRgtO-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-external-upload-resume-1614937705334-ph-import-resume-v1-Q73kDv">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1614937700499-upload-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-HixVwG"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-EiqReF"> <ppc-content key="ph-import-resume-v1-upload-new-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-eQ7DzS">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view4-1614955107354" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view4-1614937708558-ph-social-connect-v1-oOtRKP"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-view4-1614937708558-ph-social-connect-v1-igANIo"> <!-- 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-view4-1614937708558-ph-social-connect-v1-2hBZ1D"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-view4-1614937708558-ph-social-connect-v1-gm2D0X"> <div class="content-block" data-ph-id="ph-view4-1614937708558-ph-social-connect-v1-qNHr8v"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view4-listRole" data-ph-id="ph-view4-1614937708558-ph-social-connect-v1-k0mFdx"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view4-listItemRole" data-ph-id="ph-view4-1614937708558-ph-social-connect-v1-aJvihd"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-view4-1614937708558-ph-social-connect-v1-t96Lh8"> <div class="icon-block" data-ph-id="ph-view4-1614937708558-ph-social-connect-v1-7plhie"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view4-1614937708558-ph-social-connect-v1-zEZBBp"></i> </div> <div class="text-block" data-ph-id="ph-view4-1614937708558-ph-social-connect-v1-mHcd0U"> ${widgetBundle[eachSocial.name] | pht} </div> </a> </li> </ul> </div> </div> </div> <!-- Social Connet Area Ends --> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1614955134266" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1614955124965-ph-social-connect-v17uyy7u-oBqD4Z"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1614955124965-ph-social-connect-v17uyy7u-SPZdny"> <div class="widget-container" data-ph-id="ph-view5-1614955124965-ph-social-connect-v17uyy7u-Kxfwg4"> <div class="content-block" data-ph-id="ph-view5-1614955124965-ph-social-connect-v17uyy7u-1eLSvi"> <ul class="login-link-list" role="list" key-role="7uyy7u-ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1614955124965-ph-social-connect-v17uyy7u-dI2YCm"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="7uyy7u-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1614955124965-ph-social-connect-v17uyy7u-E4mcD9"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="Connnect with ${eachSocial.name}" data-ph-id="ph-view5-1614955124965-ph-social-connect-v17uyy7u-RHvEDz"> <div class="icon-block" data-ph-id="ph-view5-1614955124965-ph-social-connect-v17uyy7u-XwYbnF"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1614955124965-ph-social-connect-v17uyy7u-pgDBB1"></i> </div> <div class="text-block" data-ph-id="ph-view5-1614955124965-ph-social-connect-v17uyy7u-zcTsP5"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1614955134334" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1614955125039-ph-social-connect-v1-t7FLoQ"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1614955125039-ph-social-connect-v1-QOVSAg"> <div class="widget-container" data-ph-id="ph-view5-1614955125039-ph-social-connect-v1-BEHW2r"> <div class="content-block" data-ph-id="ph-view5-1614955125039-ph-social-connect-v1-7WEWWR"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1614955125039-ph-social-connect-v1-XvpUvu"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1614955125039-ph-social-connect-v1-gsH9JW"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="Connnect with ${eachSocial.name}" data-ph-id="ph-view5-1614955125039-ph-social-connect-v1-dXTWb6"> <div class="icon-block" data-ph-id="ph-view5-1614955125039-ph-social-connect-v1-nFV9SU"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1614955125039-ph-social-connect-v1-bdA0cM"></i> </div> <div class="text-block" data-ph-id="ph-view5-1614955125039-ph-social-connect-v1-mSYGej"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1614955120668" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-H5RY6w"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-dPFS2I"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-BD4wZC"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-8PtJOH"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-65nLlC"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-MSFRB6"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-WpO2XT"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-oXQAgK"></i> <span class="alert-msg" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-wuttHX"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-F5L0Wc"> <h2 id="ph-ally-candidate-signin-popup-heading" tabindex="-1" class="heading ph-a11y-focus" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-5h7uYt"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-bLAMT4"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-66DeLA"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-7yWhEB"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-Ycg91T"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-s0EFAY"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-euFSw1"> ${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-1614955110841-view1-ph-candidate-login-v1fyf1-YYklcZ"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-rgbKnm"> <form novalidate="" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-8kbum7"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-UETCrG"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-DGp8el"> <label for="signinEmail" class="form-label" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-iqfsM5"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-6yKaQR"> <div class="text-box" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-L6o7pz"> <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-1614955110841-view1-ph-candidate-login-v1fyf1-lbPFlI"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-5kWlwy"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-MKObOB"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-dusAIU"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-qWhQA4"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-xzl7P0"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-gXQNd9"> ${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-1614955110841-view1-ph-candidate-login-v1fyf1-ByEeYX"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-T02h1E"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-siJszH"> ${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-1614955110841-view1-ph-candidate-login-v1fyf1-QRPBHG"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-rf6qAO"> ${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-1614955110841-view1-ph-candidate-login-v1fyf1-Ni5d1M"> <label for="signInPassword" class="form-label" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-NtPn0c"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-XByeVb"> <div class="text-box" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-XxqUlj"> <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-1614955110841-view1-ph-candidate-login-v1fyf1-lj4CfD"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-mj9dXc"></i> <div class="pswrd-visibility" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-aMeas6"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-OboTDR"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-V650DD"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-bYgLyH"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-rZNjlo"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-Hs6unC"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-N1QygK"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-kBYzeh"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-laehoI"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-a8W6vR"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-ObNokm"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-mcED9f"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-cPU95z"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-EHD5Fs"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-n23NBt"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-tgNPul"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-QwrIqU"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-nIy42t"> <div class="form-container" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-uft8hr"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-2HBUoS"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-dWYwme"> <div class="user-options" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-L5aaHa"> <span class="each-option" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-bImZJp"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-OdIAfa"> <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-1614955110841-view1-ph-candidate-login-v1fyf1-f9LTqQ"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-3GhNXF"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-OgcjlO"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-16O3LP"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-LdHGmK"> <span class="forgot-password-area" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-PdYP9F"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-w9oFU7"> ${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-1614955110841-view1-ph-candidate-login-v1fyf1-gUoSKQ"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-DJenaV"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-WJLJWt"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-0kccQr"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-iwrqMd"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-9ZWXO1"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-sY3IGj"> ${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-1614955110841-view1-ph-candidate-login-v1fyf1-ryjVpF"> <span id="cd-pf-recieve-email" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-lJN4pN"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" aria-drescribedby="cd-pf-recieve-email" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-5HUjqU"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-UwosdN"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-vTON5P"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-DwF5fF"> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-qpLcwT"> <div class="sign-in-heading-block" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-b0RfIG"> <h2 id="ph-ally-candidate-signup-popup-heading" tabindex="-1" class="heading ph-a11y-focus" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-JlXf33"> ${widgetBundle['createAccountPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-GaAsAr"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-MSPxHm"> <form novalidate="" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-rKPBYb"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-y1E90b"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-MynFJ3"> <label for="createEmail" class="form-label" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-2f5dB6"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-RZFVv8"> <div class="text-box" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-U22c9b"> <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-1614955110841-view1-ph-candidate-login-v1fyf1-OaqcSv"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-7d2SYR"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-ohjbeX"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-iJAEbl"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-ES9WEx"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-9YA9Mn"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-IdgI19"> ${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-1614955110841-view1-ph-candidate-login-v1fyf1-ToCePk"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-pRjjTc"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-xCxxIG"> 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-1614955110841-view1-ph-candidate-login-v1fyf1-uDGZGo"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-Rxr8Lb"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-7OJTRE"> <label for="createPassword" class="form-label" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-gIuhbv"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-2OAWWl"> <div class="text-box" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-xe5xAd"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-XaajPw"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-NMRclS"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-KmuQhP"></i> <div class="pswrd-visibility" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-ZGYreJ"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-lfTKcb"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-xcPkit"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-Jwk9QU"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-dKRmj3"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-9H98Wx"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-NJJAhJ"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-N0qDeG"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-0expTz"> <span class="sr-only" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-8ESKb2"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-L9kgCn"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-FI0G7P"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-yq1QSQ"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-TLPW6W"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-UwcFBN"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-hfcVnH"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-ARssa7">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-Wed2Pz">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-TGolm0">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-Fupf9a">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-8Cojjz"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-HZdJaW"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-ZzsD1W"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-jpEXkI"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-RXgKku"> <div class="form-container" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-h1b03t"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-fFMBCQ"> ${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-1614955110841-view1-ph-candidate-login-v1fyf1-zSbF97"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-FJpo6R"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-xRIcf4"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-FCaD9T" view="1614955120661-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" view="view5-1614955134334" original-view="view5" instance-id="" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-lJdRw0"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-wjXlrw"> <span data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-ExBbPk"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-B8JtVa"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-c9PZib"> <span data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-y2neKf"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-BoirrX"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-xv7MX0"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-xkxLpz">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-7PIq1W">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-4HRabQ"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-GwOjWw"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-x33l7O"> <h2 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-94NifJ"> ${widgetBundle['createNewPwdText'] | pht} </h2> </div> </div> <div class="login-form" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-JiJN2D"> <form novalidate="" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-6laAqI"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-edT5Kw"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-U30m0s"> <label for="createNewPassword" class="form-label" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-QHKi9J"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-sEb8Bw"> <div class="text-box" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-8w68rw"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-ECj54a"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-xSW7NN"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-auqbU7"></i> <div class="pswrd-visibility" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-vSiQ9c"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-QFgPYz"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-gSlaYR"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-UIpAwO"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-qFfmmc"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-Km7bz2"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-uKhVD4"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-euyX2a"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-JjGVf1"> <span class="sr-only" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-4dpgZe"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-FlIDjh"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-gJvHZW"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-OLucmF"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-dZwUXL"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-lnEPwa"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-zJP1hz"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-le02cs">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-8hQNRD">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-88hQOK">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-b3NUyA">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-gnbrUi"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-ZV18Xu"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-bKkJ3i"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-42ESBI"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-O3FRoL"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-jmjZMC"> <div class="form-container" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-9QWweb"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-1614955110841-view1-ph-candidate-login-v1fyf1-XQznGN"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1614955110868-view5-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-pmqkXZ"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-8af1SH"> <div class="widget-container" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-5Z7fTj"> <div class="content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-XKmTxi"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new-listRole" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-beJ0sS"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-new-listItemRole" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-CcBy1b"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-igreOp"> <div class="icon-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ho4XoZ"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-SsREQo"></i> </div> <div class="text-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-9JKvGX"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-default-1614955110870" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-pFIwC9"> <div class="widget-container" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-u6ibmB"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-6nPznl"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-itv4b2"> <div class="fyf-step-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-OHPioQ"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-6wfkDe"> </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-default-1614937711987-ph-find-your-fit-v16ty93o-wgRioF"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-rx3GCi"> <div class="heading-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-agDu3g"> <!-- <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-default-1614937711987-ph-find-your-fit-v16ty93o-3POgCj"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-widgetMainHeading2" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-0mfFMH" language-overriden="true">Sign in to save your information for future visits <br /> (or just skip ahead!)</ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-9unhNE"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-IBZsGq"></i> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-qUhbER"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-widgetsubHeading" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-TnL9mo"> 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-default-1614937711987-ph-find-your-fit-v16ty93o-OL329c" view="1614955110835-view5" original-view="view5" theme="default"> <div class="ph-social-connect-v1-view5-default ph-widget-target" instance-id="7uyy7u" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view5-1614955134266" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-oqTgas"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-MG1kuA"> <div class="prev" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-wSndpP"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-vh0T69"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-jIfbvi"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-9pSAjL"></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-default-1614937711987-ph-find-your-fit-v16ty93o-cIyUut"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-EUt72O"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-tpXRcH"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-rPihlf"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Bz4LpU">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-default-1614937711987-ph-find-your-fit-v16ty93o-aK0GZm"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-k85VOZ">What are you interested in?</ppc-content> </h2> </div> <fieldset class="categories-block" tabindex="-1" data-ph-at-id="categories-block" data-ph-at-data-count="stepData.categories.length" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-yOh20p"> <legend class="sr-only" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-3ZU5uN"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-2lPirq">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ir1j1C"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNoCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-7LvW9j">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-default-1614937711987-ph-find-your-fit-v16ty93o-Twl2Ei"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-0tW9LC" /> <span class="cat-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ddk98I">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-6v9uW4"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-7H4psZ"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-wSbHsd"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-3y1xYt"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-j9PoNy"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-D937sO">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Ae6KsG">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-default-1614937711987-ph-find-your-fit-v16ty93o-Qkzg5k"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-O7LtEX">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-prhWvy"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-lXnffo"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ApL8NQ"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-CanR9c"></i> </span> </a> </div> </div> </div> <!-- End Categories Step --> <!-- Sub Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'subCategories' && !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-TvOYBR"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Bv4o2Y"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-X6Xcg4"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-OwfUJW"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-3fw8Un">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-default-1614937711987-ph-find-your-fit-v16ty93o-29b2Im"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-aJcHLX">What are you interested in?</ppc-content> </h2> </div> <div class="sub-categories-block" data-ph-at-id="sub-categories-block" data-ph-at-data-count="stepData.subCategories.length" role="group" key-role="6ty93o-ph-find-your-fit-v1-default-subCategoriesBlockRoleText" aria-labelledby="phFyfSubCategories" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-cOQtq2"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-z5lkKB"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNoSubCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-hN6hup">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-default-1614937711987-ph-find-your-fit-v16ty93o-jFcNZC"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-Z8Y2FC" /> <span class="cat-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-9TlWBQ">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-SHubCw"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-PvYpSt"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-yWdl9z"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-l5a3Jc"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-nomQ5F"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Afeq1Y">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-tf6IJV">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-default-1614937711987-ph-find-your-fit-v16ty93o-XrTz9t"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-dkVOXp">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-9ijhAS"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ZgVbvs"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-gSias5"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-mSGzTb"></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-default-1614937711987-ph-find-your-fit-v16ty93o-9ESdxG"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-HtXdfi"> <!-- <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-default-1614937711987-ph-find-your-fit-v16ty93o-kORtXG"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-86WZEl"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-0Hm2NH">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-default-1614937711987-ph-find-your-fit-v16ty93o-Vgr1n2"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-k65yC6">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-default-1614937711987-ph-find-your-fit-v16ty93o-pZ0Pnl"> <label for="recentTitles" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-RuFmvZ"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-NYkIGV"> <div aria-expanded="false" aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepTwoLabel" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-sIjyk4"> <input type="text" class="search-box ${fyfStepConfig.recentTitle.flag ? 'disabled':''}" id="recentTitles" name="recentTitles" showresultsonfocus="false" ph-a11y-autocomplete="" aria-label="Search for Job title" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleSearchBoxAriaLabel" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" aria-labelledby="ph-fyf-jobTitle" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-kMBYEM"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.recentTitle.value.length" focus.trigger="setFocusField('recentTitles')" blur.trigger="setFocusField('recentTitles',true)" aria-label=" clear the search" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-6ZWToJ"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-nQCAGz"></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-default-1614937711987-ph-find-your-fit-v16ty93o-4KuCUV"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-MnvdDk"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoResultsText" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-WAmCID">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-eyLsEf"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-neksvs"> ${widgetBundle[stepData.recentTitles.length > 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown)" key="6ty93o-ph-find-your-fit-v1-default-recentTitlesAssertiveNoSuggesionsText" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-QqDYC7"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-GoGzq8"> <label class="input-radio-group" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-dI572V"> <input type="checkbox" model.bind="fyfStepConfig.recentTitle.flag" checked.bind="fyfStepConfig.recentTitle.flag" aria-checked="${fyfStepConfig.recentTitle.flag?'true':'false'}" change.delegate="disableJobTitle()" data-ph-at-id="radio-button" aria-label="Just starting my career" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-JJVcu0"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-uIKiUS"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-oDph0n"></span> <span class="radio-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-5WzUvO"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-at-id="radio-button-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-TAEdQH">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-default-1614937711987-ph-find-your-fit-v16ty93o-66IBzt"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-fTPtIU"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-OxowAx"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-UPxMOu">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-SlFErH">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-default-1614937711987-ph-find-your-fit-v16ty93o-q0qzf7"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-EoNInG">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-8L2F5Q"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-4ts4Y1"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-cXKmSQ"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-42LWQ2"></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-default-1614937711987-ph-find-your-fit-v16ty93o-pcM6Ex"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-8EFtxx"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-wSmyyT"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-VsAV80"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-4a7kgX">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-default-1614937711987-ph-find-your-fit-v16ty93o-l7UchE"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-bjckc6">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-default-1614937711987-ph-find-your-fit-v16ty93o-xD8Yp1"> <label for="skills" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-iOXA5p"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-vvRtY1">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-mICHB3"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-XoWSJc"> ${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-default-1614937711987-ph-find-your-fit-v16ty93o-PtsSia"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-PI5xhF"> <div role="list" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-i9pufv"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-clnnmp"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-7KjSn5">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove the ${suggestedSkill} skill" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsDeleteSelectedText1" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-79cpz9"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-inIGWZ"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-BbRd5N"> <div data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-bDJH68"> <div class="search-box-inline" aria-expanded="false" aria-owns="skill-list" aria-haspopup="listbox" aria-label="Tell us what you’re really good at" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepThreeLabel" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-c2yaZs"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfSkillsPlaceHolderText']" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-label="Search for skills" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsSearchBoxAriaLabel" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-leG2fa"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.skills.value.length" focus.trigger="setFocusField('skills')" blur.trigger="setFocusField('skills',true)" aria-label="clear the search" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsClearSearchAriaLabel" data-ph-at-id="clear-text-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ejUmJC"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-SSOse3"></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-default-1614937711987-ph-find-your-fit-v16ty93o-Yz9rnn"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-FWGT2H"></li> <li class="search-noresults" if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsNoResultsText" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Djmq6n">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-gdzuAW"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-QysmzM"> ${widgetBundle[stepData.skills.length > 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown)" key="6ty93o-ph-find-your-fit-v1-default-skillsAssertiveNoSuggesionsText" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-PHqfSL"> 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-default-1614937711987-ph-find-your-fit-v16ty93o-lFjoha"> <div data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-nROJJj"> <h3 class="suggested-heading" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-hB3IFD"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsSuggestionsText" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-feCTqs">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-4ArkWt"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-i8ESL1"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-7hridI"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-OxdQs2">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-8iSgDl"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-vL46xS"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-xD1mfF"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-BOng0B"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-HLMmaC">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-laSftw">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-default-1614937711987-ph-find-your-fit-v16ty93o-0JO2a1"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-bzwtjI">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-wOE4Sh"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-dyYxSr"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-w4iL0m"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-cna643"></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-default-1614937711987-ph-find-your-fit-v16ty93o-SqUaUQ"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-gPMhe0"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-zUOKwb"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-putcNS"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-6oOtfu">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-default-1614937711987-ph-find-your-fit-v16ty93o-F0dJeQ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-TkG2MJ">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-default-1614937711987-ph-find-your-fit-v16ty93o-ecAM91"> <legend class="sr-only" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-IdDWJL"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-svpr10">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-VMIMGY"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-fjrUVB"> <span class="radio-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-z2ddwp"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-lzfcUo">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-1IYdNQ" language-overriden="true">Years</span> <span if.bind="exp.min != 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Fmnvib"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-MUD8vd"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-EOld0Z"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-5Qw2xC"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-2r9xCu">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-0rCibn">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-default-1614937711987-ph-find-your-fit-v16ty93o-c1jaVg"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-8jFf6o">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-xQeGE7"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-XnCuis"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-XFH1Pk"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ynhjqN"></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-default-1614937711987-ph-find-your-fit-v16ty93o-8DG1yr"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-DUfCZi"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-1SYlAl"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-gowVXC"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-TIIqNf">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-default-1614937711987-ph-find-your-fit-v16ty93o-8NLVTK"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-iVoT8k">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="6ty93o-ph-find-your-fit-v1-default-experienceBlockRole" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-uB6ZFc"> <legend class="sr-only" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-hGxwNC"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExpHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-9wYtoz">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-default-1614937711987-ph-find-your-fit-v16ty93o-TCDWt4"> <span class="check-mark" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-pq5J2U"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Lodbn3"></i> </span> <span class="radio-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-z07aXm"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-kGBlwM">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-6hNWIE" language-overriden="true">Years</span> <span if.bind="exp.min != 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-i5ikCX"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-gfC5wi"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-wWPphL"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-EwGeWv"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Hgis9X">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1)) " key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-06Yt24">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-default-1614937711987-ph-find-your-fit-v16ty93o-Sk9HEq"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-u40zig">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-VGcsIz"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ikdJlH"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-QoluGj"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-OxHeak"></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-default-1614937711987-ph-find-your-fit-v16ty93o-WV7mdO"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-9i8gcH"> <!-- <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-default-1614937711987-ph-find-your-fit-v16ty93o-c2HxeC"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Tc3yna"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-26Ivro">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-default-1614937711987-ph-find-your-fit-v16ty93o-HEwbGZ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-a9Mgie">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-jyN5EW"> <label for="locations" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-utt0AQ"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-RJVfFX">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ccxpM1"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-cjGKM3"> ${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-default-1614937711987-ph-find-your-fit-v16ty93o-HW3fPx"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocation.length}" role="presentation" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-OwpT1i"> <div role="list" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-n25Fz9"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-7SrgW2"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-UnYEwr">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove selected ${selectedLoc.location_display} location" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ZT3SWm"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Ue8cHc"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-IJ4Lmc"> <div data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-cv7AUE"> <div class="search-box-inline" aria-expanded="false" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-jwjHSP"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationInputAriaLabel" aria-autocomplete="off" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-FZqQpw"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-LUTUVO"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-zwG4uR"></i> </button> </div> </li> </ul> </div> <ul role="list" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-0RHsDR"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-7buFtY"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-RdsYjI">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-LrIHtc"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-CJ1QIu"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="6ty93o-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ywGnYK"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-rTrXdP"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-il85UA"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-5ycNpC"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-GdqocP">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-vHVUSB">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-default-1614937711987-ph-find-your-fit-v16ty93o-et8s3I"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-4yxsrI">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-wQmwgF"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-1BPnys"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-lZRbtl"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-06VbKT"></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-default-1614937711987-ph-find-your-fit-v16ty93o-MSS6N2"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-DHfMFS"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-voM5rZ"> <!-- <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-default-1614937711987-ph-find-your-fit-v16ty93o-ZOryCR"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-UV4ytF"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-xySdY9">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-nEKdnB"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-qZhdIN">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-FRCpre">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-default-1614937711987-ph-find-your-fit-v16ty93o-P4bi7r"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-bAC9lE">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-default-1614937711987-ph-find-your-fit-v16ty93o-4qJUf8"> <form role="form" submit.delegate="" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-1GEYLU"> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-LSzY7V"> <div data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-B9wPcg"> <label for="name" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-6XYhk2"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-mmyjrD">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-CYXrXK"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-YB0o0b"> Full name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1jaHpX8">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-s997t3"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="name" placeholder="Enter your name here" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-bSfHKT"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-jzhbaw"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-XChqRR">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-default-1614937711987-ph-find-your-fit-v16ty93o-pqp5gP"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-dq8O0x"> <div data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-YhMfCv"> <label for="email-1" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-7wLRH7"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ukkuV1">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-qiQQZU"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-DX9eW5">Email <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1XKZhOu"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-wWbRKt"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-9JtB7d"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-fNUiUZ"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-VtK71r"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-CcETnJ">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-default-1614937711987-ph-find-your-fit-v16ty93o-EbNlBi"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-LMDg3C">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-default-1614937711987-ph-find-your-fit-v16ty93o-Lifahj"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-JmMeuR"> <div data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-SEPXxJ"> <label for="phone" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-eS4Oah"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-U7oZ0K">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-x42uYZ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-zKtMlo">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-L0vudt"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="(000) 000-0000" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-HU0TJ1"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-XItpeh"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-gumBKw">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-default-1614937711987-ph-find-your-fit-v16ty93o-2MA2Ip"></i> </input></div> <div class="security-info" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-le7hYU"> <div class="security-info-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-FATaWd"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-vXjdoq"></i> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-3OljlZ"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-kECSq9"> <div class="checkbox-btn-group" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-xFBC7Q"> <label class="input-checkbox-label" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-cgYIVQ"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-PqAZTO"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-2O9NEL"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-B4cZAL"></span> <span class="checkbox-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-CH7FRt"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ccf4ry" language-overriden="true"><span class="mandatory-star">*</span> Yes, I have read and agree to the terms and conditions of Warner Bros. Discovery’s <a class="privacyPolicyLink" target="_blank" href="https://www.warnermedia.com/us/basic-page/legal-and-privacy"> privacy statement</a></ppc-content> </span> </input></label> </div> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-hYaqcu"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-XAksz4"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="disableUploadResumeFlow || gdprConsent" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ClBz3Q"> <div class="checkbox-btn-group" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-R74zvy"> <label class="input-checkbox-label" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-nrnUiI"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-DT0OZe"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-5UqDkP"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-TgceGs"></span> <span class="checkbox-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-e3F10V"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-N28P0Z" language-overriden="true">Yes, I'd like to receive communication messages from Warner Bros. Discovery.<br /><br />By checking the box above and clicking “Submit” below, I agree to receive periodic emails and/or text messages about job opportunities and company news at Warner Bros. Discovery to the email address and/or mobile phone number I have listed above. I understand I am not required to sign up for this talent community in order to apply for jobs at Warner Bros. Discovery, and I may opt out of receiving communications at any time by replying with STOP or clicking UNSUBSCRIBE. Message & Data rates may apply.</ppc-content> </span> </input></label> </div> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-lgyX7q"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-E5GZ42"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-93ya9B"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-rS40SS">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-fEhCiw"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-1RlbUL"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-9meCxK"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-hGtsMi"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-gaxrKZ"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-g2iZWD"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-j0JfEX">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-NsMd18">Currently we don’t have any jobs that fit your profile.</ppc-content> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-UyuniI" view="1614955110841-view1" original-view="view1" theme="default"> <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{"context":"fyf"}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default ph-widget-target" view="view1-1614955120668" instance-id="fyf1" original-view="view1" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-XWYtDm"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-DObMhg"> <div class="prev" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-q3Y4e9"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-nUXeoL"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-xNb4vk"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-t47kwA"></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-default-1614937711987-ph-find-your-fit-v16ty93o-giwLoW"> <div class="ph-fyf-step-content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-n8dTK3"> <!-- <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-default-1614937711987-ph-find-your-fit-v16ty93o-JoBFzI"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-qdl005"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-H8pisK">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoNoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-cJbSoZ">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-default-1614937711987-ph-find-your-fit-v16ty93o-LTXhK8"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoSocialLoginText" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-J85CUy"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-OmdHeh" view="1614955110868-view5-new" original-view="view5-new" theme="default"> <div class="ph-social-connect-v1-view5-new-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1614955110868-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-default-1614937711987-ph-find-your-fit-v16ty93o-eXA1F6"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-pmqkXZ"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-8af1SH"> <div class="widget-container" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-5Z7fTj"> <div class="content-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-XKmTxi"> <ul class="login-link-list" role="list" key-role="6ty93o-ph-find-your-fit-v1-default-listRole" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-beJ0sS"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="6ty93o-ph-find-your-fit-v1-default-listItemRole" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-CcBy1b"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-igreOp"> <div class="icon-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-ho4XoZ"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-SsREQo"></i> </div> <div class="text-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-9JKvGX"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-8uEqic"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoOrTxt" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-E2xdUd">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-NrtTGu"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoHeadingText" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-5ScVoi"> 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-default-1614937711987-ph-find-your-fit-v16ty93o-1EQq1h"> <form role="form" submit.delegate="" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-oXHLlJ"> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-OJDD3a"> <div data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-NFNI0S"> <label for="name" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-7Ky0aP"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-o6dmQl">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-AdoYhA"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-BwpwEG"> Full name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1jaHpX8">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-CF7Tvq"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''} " id="name" placeholder="Enter your name here" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-vOpt4r"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-nAtXkG"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-hKi4fu">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-default-1614937711987-ph-find-your-fit-v16ty93o-5Ra1uM"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-rvfPo8"> <div data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-m5SzUw"> <label for="email-2" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-2tUsJF"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-wbTDEa">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-A224LV"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Jm9N1x">Email <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1XKZhOu"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-5GA7mm"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-YEiaRy"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-loOopM"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-8dwE4B"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-8TxdvI">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-default-1614937711987-ph-find-your-fit-v16ty93o-FZZCPv"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-h2c1YO">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-default-1614937711987-ph-find-your-fit-v16ty93o-Wg27gj"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-hL5tbx"> <div data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-cW4sX6"> <label for="phone" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-GLPobh"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-IAqW2V">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-nnfydG"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-fU68tQ">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-BA9CKx"> <input type="text" name="phone" id="phone" class="form-control ph-a11y-form-control-phone" value.bind="fyfStepConfig.contactInfo.information.phone fs-block" placeholder="(000) 000-0000" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-00AgWA"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-U1XZIJ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-GYb2Cu">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-default-1614937711987-ph-find-your-fit-v16ty93o-E9gU1z"></i> </input></div> <div class="security-info" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-83L6Fo"> <div class="security-info-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-BOPut9"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-GqHl0R"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-mnSW22"> <div class="checkbox-btn-group" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-rJcwEN"> <label class="input-checkbox-label" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-CPGQkB"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-GA7Zgm"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-y7dSfg"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-INkUgz"></span> <span class="checkbox-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-uNs6TY"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-6uMFj4"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1HenjE6"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1CQzLr4">terms of use</a> </ppc-content> </span> </input></label> </div> </div> <div class="consent-checkbox-block" if.bind="disableUploadResumeFlow || gdprConsent" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-eFjPfk"> <div class="checkbox-btn-group" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-vXA6hk"> <label class="input-checkbox-label" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-dLGoQh"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-CTcHOU"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-7cl0CE"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-02FHvA"></span> <span class="checkbox-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-kR6td3"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-z2z9dq" language-overriden="true">Yes, I'd like to receive communication messages from Warner Bros. Discovery.<br /><br />By checking the box above and clicking “Submit” below, I agree to receive periodic emails and/or text messages about job opportunities and company news at Warner Bros. Discovery to the email address and/or mobile phone number I have listed above. I understand I am not required to sign up for this talent community in order to apply for jobs at Warner Bros. Discovery, and I may opt out of receiving communications at any time by replying with STOP or clicking UNSUBSCRIBE. Message & Data rates may apply.</ppc-content> </span> </input></label> </div> </div> <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-3gYP8M"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf1-please-accept-terms" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-1bAB4h"> Please accept terms of use and policy. </ppc-content> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-BElL69"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-1DRncu"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-glLZDO"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-TYTqav">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Ay38RY"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-dvcBl0"> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-M0CBPe"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-uHnfgK"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-on4CsL"> <a href="javascript:void(0);" click.delegate="skip()" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType} step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-skipStepTypeText1" data-ph-at-id="skip-link" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-QCijN2"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-Kcru0U"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-skipText" data-ph-at-id="skip-link-text" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-WE8hoD">Skip</ppc-content> </span> </a> </div> <!--End FYF Start Area --> <div class="step-count-block phs-step-count-block" show.bind="!stepsData[currentStep].skip" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-u1LbxU"> <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-default-1614937711987-ph-find-your-fit-v16ty93o-tyP6xa"> <div class="progress-bar" role="progressbar" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus,'stepsCount':stepsCount}}" css="width: ${stepStatus*100/stepsCount}%;" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-mZo9hR"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-uUixdV"> ${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-default-1614937711987-ph-find-your-fit-v16ty93o-Cti1mT"> <div class="progress-bar" role="progressbar" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus+1}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus+1,'stepsCount':stepsCount}}" css="width: ${(stepStatus+1)*100/stepsCount}%;" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-U5ILPp"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-oNGWia"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-G6rRGC"> <div data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-TwdESn"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-noStepsFoundText" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-4pOtOw"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="polite" aria-atomic="true" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-RKBf6p"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-default-1614937711987-ph-find-your-fit-v16ty93o-v0Wk5Z"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1614955134188" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1614955124841-ph-social-connect-v1-6l4ZXW"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1614955124841-ph-social-connect-v1-vWQHyT"> <div class="widget-container" data-ph-id="ph-view5-1614955124841-ph-social-connect-v1-SRg4tq"> <div class="content-block" data-ph-id="ph-view5-1614955124841-ph-social-connect-v1-FOufdh"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1614955124841-ph-social-connect-v1-0FEsCV"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1614955124841-ph-social-connect-v1-fvIFuX"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="Connnect with ${eachSocial.name}" data-ph-id="ph-view5-1614955124841-ph-social-connect-v1-JvveeA"> <div class="icon-block" data-ph-id="ph-view5-1614955124841-ph-social-connect-v1-JZ2yYT"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1614955124841-ph-social-connect-v1-9chu0J"></i> </div> <div class="text-block" data-ph-id="ph-view5-1614955124841-ph-social-connect-v1-1C1gDU"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1614937729765" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-7DgOmv"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-LxfMWr"> <!-- 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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-UOK7i7"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Yqyk4y"></i> <span data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-WR2kk7">${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-PQSc3V"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-sGARHw"></i> <span data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-kVaKDL">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-jvMKWE"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-miT82H"> <!-- User details --> <div class="user-details" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-RFBWIv"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-zGitQg"> <span data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-grTlkd">${profileDetails.profile.firstName ? profileDetails.profile.firstName.substring(0,1) : profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-gCKtNg"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-MYJjuf"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-W1PN6I"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${profileDetails.profile.firstName}" if.bind="profileDetails.profile.firstName" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-5st762"> ${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ec5Uw1"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-nSg5HP"> <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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Hschc8"> ${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-xYMckJ"> <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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-3hQvjr"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-nU7T4V"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-4glPBx"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-LHOfUF"> <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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-2mA4Vg"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-lKXZnk"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-PPEtlP"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-odjx6J"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-4xcpBO"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-AWJnLl"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-wrZMd8"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Tahxw9"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-27W8n9"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-iSkhVd"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-SUgzNT"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-VnWyS9"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-G7EHdv"> ${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Y2AxtC"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-WfnQLw"> <form novalidate="" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-SwoTfV"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-z4utPP"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-YxQFof"> <label for="signinEmail" class="form-label" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-dYUO7B"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-JvDEbL"> <div class="text-box" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-onVeuA"> <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()" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-gmJR7m"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-AddNQa"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-O9vu78"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-0NQ9Qz"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Tsi6dM"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-NjAZGY"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-eBniWR"> ${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-6lY9B4"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-NifeTu"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-9yYmbk"> ${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-TzDOZ2"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-bqxmWQ"> ${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-OKoH21"> <label for="signInPassword" class="form-label" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-5pRipq"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-V7N4J0"> <div class="text-box" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-uYizjc"> <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)" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-p7rlgv"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-YbubwT"></i> <div class="pswrd-visibility" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-zfonBW"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ypwQ5L"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-eSWh1U"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Zzj6pf"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ehYIXa"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ofqQsd"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-C5bx8Q"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-kg3kAz"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-jilYZz"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-1Fiv3A"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-WKh61d"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-n76r9n"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-DYE1UB"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-rVA0K9"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Y108Xy"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Wg6Up9"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-eFOnYl"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-mNjnv4"> <div class="form-container" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-tYMmyf"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-VI8LXZ"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-gMxnvs"> <div class="user-options" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-uFoIZw"> <span class="each-option" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-zBMat8"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-um7KiV"> <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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-9p2GWL"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-LQsKxL"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-buVIjX"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-6q0AEg"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-hmtHds"> <span class="forgot-password-area" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-gJGxO8"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-xjuQc9"> ${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-9G3x7N"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-IGwIXl"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-jG0sAI"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Eu3CP9"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-w1aNYa"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ds5lWz"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-IUPxK1"> ${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-FPVFoT"> <span id="cd-pf-recieve-email" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Ehwynm"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" aria-drescribedby="cd-pf-recieve-email" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-WVJ7Jh"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-9t5dG3"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-PkY2JN"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-rL4W0l"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-4U95Dv"> <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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Gu5XSF"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-iGpnw5"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-5pMKhX"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-jFZDAK"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ZYoyTM"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-rtxfTH"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-X3789Q"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-L2VN3L"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ykSTtp"> <form novalidate="" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-adiAf6"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-gbcHYs"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-BnKxDn"> <label for="createEmail" class="form-label" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Qj70KX"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-C0Gnnq"> <div class="text-box" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-8UmRTw"> <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()" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-zpTh97"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-9P2gZX"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-qcTMdo"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ttWMij"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-4VGXI6"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-e9PyCU"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-yDGZdS"> ${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-2YJsxl"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-iMoyor"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Ye8aJp"> ${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-hccgDx"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-dA4J0I"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-VQb8qJ"> <label for="createPassword" class="form-label" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-CqOnDZ"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ZdI0ES"> <div class="text-box" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Xw7Kwu"> <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)" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-OdAR4f"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Ywybcu"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-skYDd7"></i> <div class="pswrd-visibility" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-AEGt1X"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-2EsE9z"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-LVaMKY"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ZxxJva"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ajG7YH"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-eJTlYN"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-3CAyZx"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-MMqyF0"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-rVVqCs"> <span class="sr-only" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-igmdna"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-o109Lq"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-TOorNS"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-pntncQ"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-6Z5R90"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-5xFs9U"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-THJEpf"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-UkSjHN">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-SXs9aT">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-dvs5rZ">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-ihv6DJ">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-Kl8OJy"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-2hgKcp"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-E7dTL6"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-hIMfOB"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-HC2iaC"> <div class="form-container" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-RhnYow"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-g0OGyF"> ${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-1614937700606-default-mobile-ph-candidate-login-v1fyf3-WpMuKl"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-APnx8D"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-wFa5mR"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-UfKsPa" view="1614937729759-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" view="view5-1614955134188" original-view="view5" instance-id="" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-2yAe6h"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-33zAcE"> <span data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-QpsNrY"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-lun3yx"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-JUfck6"> <span data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-REtnQ7"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-zMiqhK"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-SSGcWW"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-q0OhyY">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1614937700606-default-mobile-ph-candidate-login-v1fyf3-DBc0dP">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1614955134408" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1614955129867-view5-ph-social-connect-v1-ps6LKQ"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1614955129867-view5-ph-social-connect-v1-rKaXZH"> <div class="widget-container" data-ph-id="ph-1614955129867-view5-ph-social-connect-v1-nOQxWv"> <div class="content-block" data-ph-id="ph-1614955129867-view5-ph-social-connect-v1-HPMR6v"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1614955129867-view5-ph-social-connect-v1-m7gEad"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-1614955129867-view5-ph-social-connect-v1-rmsoJI"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="Connnect with ${eachSocial.name}" data-ph-id="ph-1614955129867-view5-ph-social-connect-v1-ZCBmZU"> <div class="icon-block" data-ph-id="ph-1614955129867-view5-ph-social-connect-v1-lyHasV"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1614955129867-view5-ph-social-connect-v1-3bm9cD"></i> </div> <div class="text-block" data-ph-id="ph-1614955129867-view5-ph-social-connect-v1-FTfdUE"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1614955129873" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-byDKcw"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-UtAHCw"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-k67u3y"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Af7ffI"></i> <span data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-zLZGtb">${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-default-1614937738185-ph-candidate-login-v1fyf2-RABsoL"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-cslyTy"></i> <span data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-7UMQsW">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-gwIAUN"> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-XbzWRD"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-SFQ6Dy"> <span data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-pRELa0">${profileDetails.profile.firstName ? profileDetails.profile.firstName.substring(0,1) : profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-WlnzFP"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-GSRvEh"></i> </span> <span class="user-name fs-block" title="${profileDetails.profile.firstName ? profileDetails.profile.firstName : profileDetails.profile.email}" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-yD8Xl6"> ${profileDetails.profile.firstName ? profileDetails.profile.firstName : profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-71rhVc"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-MFxlK1"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-BCOrBC"> <span data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-HEEfUG">${profileDetails.profile.firstName ? profileDetails.profile.firstName.substring(0,1) : profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-bVrh1l"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-3D60oY"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-xCw0nL"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.firstName}" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Ym6IRU"> ${profileDetails.profile.firstName} ${profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-xYcm5w"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-0t75ar"> <div class="user-actions-list" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-ZShQLi"> <div class="user-actions-listitem" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-BhQUt1"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-crqUWK"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-k3ntJF"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-C8pknc"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-rdwVTF"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-ps2nk3"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-EIB0mP"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-QGy8Ir"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-aNtuC6"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-GQSYh0"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-7QesRU"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-DUPQ97"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-1VoM9G"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-3cwD8N"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-TGBmbf"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-YLwXB6"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-GHsEfh"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-35DCoz"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Jfaj2o"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-XbJFn5"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-pnShFs"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-OsA8rZ"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-GXlyMw"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-hvo22i"> <form novalidate="" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-8zma0w"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-UDFcds"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-GNANul"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-HNxFGN"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-SKvQye"> <div class="text-box" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-STrXIb"> <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()" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-7Y3lSm"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-8njpW0"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-DkwT26"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Xv77W5"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-QWkgUJ"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-cZ2NX7"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-5Zy6i3"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-jpSQm3"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-EfNZe4"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-bl3xu2"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-tN58R9"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Y8fFC2"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-bjJt7U"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-pUCKtu"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-NskkKg"> <div class="text-box" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Slrpiz"> <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)" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Crfnvi"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-DwYLrs"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Zsqu8q"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-IPWhWy"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Mq3IhX"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-pzgJnu"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-RRtZCk"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-AEzh1x"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-amu6sF"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-hBuWVc"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-fFBFMo"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-EFUpvO"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-WZKtYY"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-OkVGWE"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-E8FsFD"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-znXtxK"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-DW7DS4"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-0ADZQt"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-i6bPUw"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-LJPTKc"> <div class="form-container" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-dnvxy3"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-msCmDu"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-7KxcOZ"> <div class="user-options" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-GC5jNA"> <span class="each-option" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-LrU6Wj"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-ZVKfyn"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-4iwnMN"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-85TO0x"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-vg202p"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-jp0dHD"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Tew78j"> <span class="forgot-password-area" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-OjGZFm"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-35y5HS"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-SjahnT"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-xAwvOP"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-xcNAtB"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-r0F9VQ"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-IgJaOG"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-D5X9VB"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-qVlz7J"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-CvL8l7"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-VddvY9"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" aria-describedby="cd-pf-recieve-email" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-kv8hkD"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-PLhxj3"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-s8Ss7I"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-YJDoWm"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-jIF6j5"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-3FEQCB"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-nmw6Zj"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-6MVzYI"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-wwNQcs"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-FL2Kkg"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Zx8IT9"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-d3zj6N"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-mDh5CL"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-yI2oXp"> <form novalidate="" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-foIcIc"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-PtEWho"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-TKWKuE"> <label for="createEmail" class="form-label" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-GDbT9x"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Ft5umY"> <div class="text-box" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-BUGm7D"> <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()" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-cNIex6"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Wii4Qt"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-NBviCu"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-14ht73"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-S8ElmB"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-wPAkq0"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-2z76Fr"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-3PuoJY"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-H56J4N"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-wgE4wQ"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-yocyw3"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-kSiGwZ"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Ti8ihS"> <label for="createPassword" class="form-label" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-j0IRoR"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-v7xmwL"> <div class="text-box" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-GbPZg4"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" 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)" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-HX6Hek"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-3SkcDa"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-AyxINg"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-2wbRLD"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-xvwnVd"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-NsmfaS"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-8EVstM"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-4s0uVm"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-NfKsR4"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-FT3SrY"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-3tT0ie"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-IWwlfP"> <span class="sr-only" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-ZaG7z5"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-IMtjuP"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-S6FkbK"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-r734bm"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-j7zXiO"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-W69Agn"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-0PSJTh"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-oSBD4D">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-puX0F1">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-ylK3be">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-O6Xd8H">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-MjBN8S"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-ogIBFh"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-qXHvjl"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-YAVu02"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-HoMpkk"> <div class="form-container" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-R2tih5"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-rS6Tkj"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-A51mAZ"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-fUTXI6"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-O8DNBS"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-EuvG3e" view="1614955129867-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" view="view5-1614955134408" original-view="view5" instance-id="" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-Q9ckWP"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-0rHz80"> <span data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-qskKnn"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-aM4uNE"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-fYoEB7"> <span data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-hZ4j5B"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-IAAcom"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-E0MLw6"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink']}" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-9e3NGZ">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink']}" data-ph-id="ph-default-1614937738185-ph-candidate-login-v1fyf2-aJvuTf">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-default-1603775874949" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-6NJOda"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Recommended jobs based on your profile" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-NhwPwr" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page1-he1Kss"> <div class="widget-container" data-ph-id="ph-page-element-page1-6BvLta"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-8XQvNg"> <h2 data-ph-id="ph-page-element-page1-YMgb2t"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-ZcISQS" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-wKHPus">Recommended jobs based on your profile</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-ChliwL"> <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-page1-KCEvvo"> <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-page1-ENkcFD"> <div class="information" instance-id="WKCEfE" data-ph-id="ph-page-element-page1-adBXQq"> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-GbY3lv"> <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-page1-YBmaFx"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-207f70"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-DoiMcy"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-hokwcw">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-kX05y5"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-k7WMX8"> ${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-page1-6rRpuk"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-BpKQrD"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-AarSQv">${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-B3f7a9" aria-level="3" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-QnhnHS" instance-id="WKCEfE-drhlhN" data-ph-id="ph-page-element-page1-pdceHg"> <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-page1-CtroeJ"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-JsklMc"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-FmlmCn">${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-page1-0jZGJS"></i> <span data-ph-id="ph-page-element-page1-0VHLt9">${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-page1-V92BhK"> <!-- 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-page1-1RlPPB"> <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-page1-fbY6he"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-WoqhRT">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-K1XwrF">${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-page1-RLgdt1"></i> ${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-page1-BuF6pn"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-wKMXZs">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-IvNtZb">${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-page1-wHVhGW"></i> ${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-PkKBfG"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-jrY1Q4">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-M46hP0"> ${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-page1-KHVymK"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-GQvrwC"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-3sZ2es">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-gbrbeT">${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-page1-kQ4GXG"></i> ${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-page1-n3wkM8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-Wgz1ko">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-2Vfz37">${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-page1-bCh43V"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-1R7ivf"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-kMqOhC">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-JmDv9z"> ${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-page1-cUNRZr"></i> ${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-page1-JoYMds"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-aekH3H">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-45PhKv"> ${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-page1-5vppMr"></i> ${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-page1-7KaZdB"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-kGnU7n">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-PnogWX">${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-page1-OAbvQF"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-Nj06FR">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-T4jRJs">${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-page1-EBUNv7">${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-page1-XnDd6V">${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-page1-h6YSGN">${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-page1-l4Hyta"> <!-- 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-page1-pEHRyG"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-tzKNZK"> <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-page1-ugFjle"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-EokGis"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-GA2Ifr"> ${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-page1-F1ubP8"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-pPc8Nk">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-6dVPaf">${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-page1-fpn2Eq"></i> ${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-page1-anvphM"> <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-page1-2RgfD5"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-Wa4XdQ"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-ZsnnDm"> ${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-page1-lGO4OX"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-zQpTMJ">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-xeGVr3">${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-page1-6BGaJC"></i> ${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-page1-YEdfi5"> <span class="sr-only" data-ph-id="ph-page-element-page1-lPhIdc">${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-page1-3zDPkC"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-Bfhs1C">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-FdTPW2">${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-page1-LcMknE">${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-page1-eaonC8">${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-page1-Qi02rx">${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-ug361U"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-8JUZzH">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-ijt0JV"> ${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-page1-lci6IU"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-gQuZyz"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-TJV9rN">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-DVpoEc">${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-page1-Mxg2zY"></i> ${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-page1-5p9l8Y"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-kk4DvE">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-NP8AxJ">${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-page1-K9YN1V"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-4k179K"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-nUQGBB">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-jKl7EU"> ${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-page1-8cEXMb"></i> ${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-page1-rwMb8p"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-zUbrI2">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-8oY2N6"> ${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-page1-bxRFQQ"></i> ${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-page1-KNfjXM"> <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-page1-RxLNN9"> <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-profile-recommendations-v2-default-c1ykg4-sdFgBq" id="searchLoc-${eachJob.jobSeqNo}" aria-haspopup="true" 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="WKCEfE-KHgWq1" data-ph-id="ph-page-element-page1-k2RE8Y"> <span data-ph-id="ph-page-element-page1-mD7ImE"> ${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-page1-Lp81rp"></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-page1-nYCfjI"> <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-page1-p2k5Wp"> ${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-page1-q3RDn0"> <span if.bind="!enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page1-BOwi3w">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page1-XtEFJU">${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-page1-WHMdXf"></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-page1-2dve0l">${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-page1-pLCnxU">${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-page1-kRXRtb">${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-page1-xRgySZ">${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-page1-7njBY1">${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-page1-8Gc2QG"> <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-page1-11B1uA"> <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-5j9lBA" id="searchCat-${eachJob.jobSeqNo}" aria-haspopup="true" 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="WKCEfE-ochNkn" data-ph-id="ph-page-element-page1-5JBSeN"> <span data-ph-id="ph-page-element-page1-bOQtm6"> ${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-page1-FonZ1m"></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-page1-GQfkiF"> <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-page1-DPDoEL"> ${eachCategory} </li> </ul> </div> <p class="job-description" if.bind="(eachJob.descriptionTeaser && eachAttr.name == 'descriptionTeaser')" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-hkDVoZ"></p> </div> <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-page1-VIbQyh"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-5wj2h1"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-gWs5ND"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-EpsgCg">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-JQYtmQ"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-bI87gg"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-bEovhg"> <div if.bind="eachAction.name == 'applyNow'" data-ph-id="ph-page-element-page1-UoMTiJ"> <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-page1-F0Fwrb"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-tcmQfH">${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-page1-OgSfup"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-m9H3kN"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-LVUQaN"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-HEBHsg"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-BD1VIJ"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-u8K8EG" data-ph-at-id="share-job-button-text" instance-id="WKCEfE-r5flJU" data-ph-id="ph-page-element-page1-aIqMzm">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-ZW5nBy"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-FHD62y" view="1603775874922-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-1615200875054" 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-page1-Xh92l2"></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-page1-Z83I6f"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-UAlP4p"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-cCqdYX"> <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.jobSeqNo} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-jPVccH" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-QHUfrg"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-T8CtwY"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-f51zR4"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-vaMHDQ">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-hrVSz0"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-MOWCeZ"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-Zebw3S"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-ZBwPUv">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-MlaRpW"> <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-page1-JvDtLh"> <span class="sr-only" data-ph-id="ph-page-element-page1-ZllUyf">${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-page1-Yr51ID"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-VoPw63"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-5BKJ2L"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-L6Wi4a"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-O8Ko9y"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-4f533i"> <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-4PksSB" instance-id="WKCEfE-DCzktV" data-ph-id="ph-page-element-page1-f7xPJK"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-zvNJD2"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-haySyM"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-profile-recommendations-v2-default-c1ykg4-tdPGvg" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-s3sPF9" instance-id="WKCEfE-6JygiL" data-ph-id="ph-page-element-page1-6ZpDPl"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-sc0PNW"> <div class="job-location-count" data-ph-id="ph-page-element-page1-6HHN58"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-u1nciW"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-Vvpq7a"> <li class="each-location ${enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-9fd8ES"> <span data-ph-id="ph-page-element-page1-khuvaa"> <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-page1-2RzRVM"></i> </span> <span data-ph-id="ph-page-element-page1-76pXDU"> ${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-page1-e1XVWS"> <span class="sr-only" data-ph-id="ph-page-element-page1-64kabx">${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-page1-NSWu2g"></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-page1-XvEKak">${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-page1-dLATlt">${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-page1-XJrBrj">${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-page1-E1O3wY">${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-page1-MWpVFC"> ${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')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-qzF3qw"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-uBFVDZ"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-YOrkeR"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-vjluyf"> <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-tCJ204" instance-id="WKCEfE-buKKCl" data-ph-id="ph-page-element-page1-wLFjJ2"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-fIcG11"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-IUh6Yt"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-profile-recommendations-v2-default-c1ykg4-Efv9bG" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-p4Kglk" instance-id="WKCEfE-MPCoCQ" data-ph-id="ph-page-element-page1-Q0fxo3"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-DXAEeJ"> <div class="job-location-count" data-ph-id="ph-page-element-page1-C1fldx"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-VrbBhv"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-BkyvAf"> <li class="each-category ${enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-ektSLJ"> <span data-ph-id="ph-page-element-page1-tQnGIh"> <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-page1-V5TvXg"></i> </span> <span data-ph-id="ph-page-element-page1-6S3HHp"> ${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-page1-n681sI"> <div aria-atomic="true" aria-live="assertive" instance-id="Eyf8Gd" data-ph-id="ph-page-element-page1-wM4fRx"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-3PxPue" 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-qnE8n5" data-ph-at-id="seemore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-J9D0lj" instance-id="Eyf8Gd-undavv" data-ph-id="ph-page-element-page1-5XvQO3"> <!-- <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-page1-KXsHKm"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-xnz8fZ"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-fKX1do" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-kw2eUv" data-ph-at-id="seeless-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-DX5fb3" instance-id="Eyf8Gd-MAT5l8" data-ph-id="ph-page-element-page1-EqnDEM"> <!-- <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-page1-cjm7XV"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-bBz20p"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-sGuk2t" 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-9OB5yH" data-ph-at-id="seenext-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-CLYJzn" instance-id="Eyf8Gd-5VqTwR" data-ph-id="ph-page-element-page1-HHGAg5"> <!-- <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-page1-cuDXtj"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-3ZZovh"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-iIvhtu" 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-dDekjm" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-ThlzZV" instance-id="Eyf8Gd-GLL7Ql" data-ph-id="ph-page-element-page1-rx4sqb"> <!-- <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-page1-1z4SXf"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-d3rxEU"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page1-eEVW0C"> <p data-ph-id="ph-page-element-page1-hHJWrO"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-TikIAL" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-Waqx1h"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-geo-location-v1-1547403907239-default" nonce=""></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-view3-1615200884547" 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-1615200874817-view3-ph-email-job-v11gd0h6-6rgP8Y"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-Zw2gKc"> <div class="modal-dialog" role="document" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-5sibaX"> <div class="modal-content" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-vfk5sk"> <div class="phs-widget-heading" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-iCYsUn"> <!--<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-1615200874817-view3-ph-email-job-v11gd0h6-PAIqZ7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-LnzRH0"></i> <span class="sr-only" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-ojfHXG"><ppc-content key="1gd0h6-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-rJcaor">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-k6HeUX"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-CtbsrQ"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-9XwAcD"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-kqCzmo"> 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-1615200874817-view3-ph-email-job-v11gd0h6-bgYecy"> <div class="content-block" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-e40eE6"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-5KH7Dv"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-eyl6by"> <label for="name" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-T6fdIO"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-xvJkjI"> 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="1gd0h6-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="1gd0h6-ph-email-job-v1-view3-recipientNameTitleText" data-ph-at-id="name-input" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-cl6M3f"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-1pS9aB"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-JjmlMQ"> Name should not be empty </ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-HFfGOG"> <label for="email" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-YdrhUG"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-7WTcFS"> 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="1gd0h6-ph-email-job-v1-view3-recipientEmailAddressTitleText" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-xwoPZS"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-KoGg2s"> <span class="sr-only" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-0K9NHv">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-HgjynT"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-emailErrorText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-XXtuIw"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-nycKYq"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-emailValidErrorText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-Na8bGB"> Please enter valid Email </ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-zMhmYb"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-eA6mWT"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-coU6qK"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-abtjTj"> <span show.bind="showEmailSuccess" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-PRFzDZ"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-Rn6BNx">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-JWrWId"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-8ZZlUI">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-1615200874817-view3-ph-email-job-v11gd0h6-5U63HG"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-tzMNVU"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-H7kwEx"> <i class="icon icon-check" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-UQG0Tf"></i> <h3 data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-TYG9As"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-jXkDjN">Success!</ppc-content> </h3> <p data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-GNjMfV"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-H78oWM">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-1615200874817-view3-ph-email-job-v11gd0h6-fyapjJ"> <ppc-content key="ZFSPNS-1gd0h6-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-35MMYp">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-W2wFST"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-RUNmIv"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-eODhjf"> <i class="icon icon-cancel" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-WYRCYa"></i> <h3 data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-uitMjz"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-ddvrMc">Failure!</ppc-content> </h3> <p data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-F06xkI"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-kBvfho">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-1615200874817-view3-ph-email-job-v11gd0h6-egN7Ys"> <ppc-content key="88rLyB-1gd0h6-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-sFHRuV">Ok</ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1615200875196" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-2qZLn2"> <div class="widget-container" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-wZgity"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-xDhSZS"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="6ty93l-ph-social-share-v3-default-headingRole" aria-level="headingLevel" key-aria-level="6ty93l-ph-social-share-v3-default-headingLevelAria" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-ogxLr9"> <ppc-content key="6ty93l-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-2VFML9"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-2ms1X2"> <ppc-content key="6ty93l-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-i1D108"> 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-default-1615200809760-ph-social-share-v36ty93l-OUSmAl"> <ul data-ph-at-id="share-options-list" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-r5ft1V"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-xeaqHu"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color:${shareOption.backgroundColor}; border-radius: ${shareOption.borderRadius}px; line-height:${shareOption.lineHeight}px;height:${shareOption.height}px; width:${shareOption.width}px; border-width:${shareOption.borderWidth}px; border-color:${shareOption.borderColor}; border-style:${shareOption.borderStyle};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-fTIyYa"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-wwK0Oy"></i> <span class="sr-only" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-J0exuO"> <span data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-KR1gPy">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-D9C3N9" view="1615200874817-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="view3-1615200884547" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-C2qypN"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-KLD35l"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-2FxVPM"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-UFdL37"> <div class="head-wrapper" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-y4v2Nq"> <h3 class="head-text" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-OLfRBD"> <ppc-content key="6ty93l-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-ThgZTS">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="6ty93l-ph-social-share-v3-default-closeDialogAriaLabel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-lCMiSL"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-OIpGf8"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-2D3jLN"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-4fnOlb"> <p class="message-text" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-YDG0b8"> <ppc-content key="6ty93l-ph-social-share-v3-default-messageText" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-RkUlnp">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-35GJ7z"><ppc-content key="6ty93l-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-KI3H6u">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-dl1TqP" /> </div> <div class="button-wrapper" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-KIpo0V"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-oRdIJ5"><ppc-content key="6ty93l-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-jAN53X">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-j74GG4"><ppc-content key="6ty93l-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-default-1615200809760-ph-social-share-v36ty93l-TBlk7t">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-1603775832384" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-C3XhJ3"></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-vakgSt" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page1-4pivoN"> <div class="widget-container" data-ph-id="ph-page-element-page1-Hu4jNB"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-Yi7f7B"> <h2 data-ph-id="ph-page-element-page1-x1Vmdi"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-0PPhdz" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-jud4rZ" language-overriden="true">Jobs Based on your Browsing History</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-Y3qiyl"> <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-page1-Pbndio"> <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-page1-Gdw2xc"> <div class="information" instance-id="u45O4C" data-ph-id="ph-page-element-page1-KZmVoA"> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-vWMhdK"> <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-page1-syHJQm"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-Mnrnqu"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-2P4RuM"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-JRvkey">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-joRrjl"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-zTDseW"> ${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-page1-Ll2kaB"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-WbajWw"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-aL0vFw">${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-HVykkP" aria-level="3" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-II86tt" instance-id="u45O4C-khEa2u" data-ph-id="ph-page-element-page1-FPYxsr"> <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-page1-WQr14h"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-pUE2gh"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-TyZz8K">${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-page1-Lt6Dxs"></i> <span data-ph-id="ph-page-element-page1-uev5S3">${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-page1-s8Ruci"> <!-- 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-page1-siB4aB"> <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-page1-qoSOME"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-ejtYfm">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-FfX2Y4">${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-page1-7DIMEl"></i> ${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-page1-jfw6BH"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-4E4Aiv">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-1yNqVI">${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-page1-0HQCqR"></i> ${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-PjjXuX"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-ILm6ev">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-KFZoxQ"> ${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-page1-ijlel7"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-JhA79j"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-dj1kID">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-Np4ZMt">${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-page1-ZyHOeb"></i> ${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-page1-0i7jop"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-fKdhKR">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-EBT3MN">${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-page1-OnFztO"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-dHyfbj"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-KWz7Jl">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-3Se5UW"> ${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-page1-ftQi3w"></i> ${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-page1-QclBa5"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-XglJol">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-pIyiWH"> ${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-page1-esJsXD"></i> ${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-page1-yxt70r"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-F1Q995">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-xrsiar">${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-page1-eqY4hq"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-ZJjqTG">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-o0aqrA">${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-page1-nhWu2H">${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-page1-CWdRDu">${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-page1-sWo5xa">${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-page1-NdjNxR"> <!-- 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-page1-7zHhGX"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-5MMvLJ"> <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-page1-NuBCRF"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-l2pWwJ"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-09Sc9T"> ${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-page1-J6LCQ6"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-VdPhiM">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-RRLD5G">${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-page1-icnVbn"></i> ${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-page1-pEWra5"> <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-page1-KLlRUf"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-cunBBJ"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-AYGg3j"> ${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-page1-aaD9Jn"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-gM1sds">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-U170Oj">${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-page1-R6Em72"></i> ${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-page1-ip7Wkw"> <span class="sr-only" data-ph-id="ph-page-element-page1-vnjb6P">${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-page1-mF6kvH"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-7jkLpg">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-BpyOc7">${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-page1-QOXxUL">${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-page1-V7fIlW">${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-page1-3BgXYu">${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-yR3aoo"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-BxQ577">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-Rzht9e"> ${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-page1-ZhXlFF"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-RSlLj1"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-g7FkoX">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-tWu7FZ">${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-page1-8Ffkus"></i> ${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-page1-cHgodP"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-uVAEHT">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-WvQday">${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-page1-6fsGBY"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-zABIZ9"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-qihGrR">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-eqCbpm"> ${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-page1-6qLgom"></i> ${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-page1-pT4E9H"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-BisY9Z">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-R2FM6o"> ${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-page1-HXBAS3"></i> ${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-page1-OOZ4sI"> <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-page1-bvUIpz"> <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-zVBwyj" id="searchLoc-${eachJob.jobSeqNo}" aria-haspopup="true" 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="u45O4C-exTkN9" data-ph-id="ph-page-element-page1-3xpWdz"> <span data-ph-id="ph-page-element-page1-bPj3AI"> ${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-page1-GD5uIR"></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-page1-vBc0Rs"> <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-page1-x7hMrC"> ${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-page1-zpAh6P"> <span if.bind="!enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page1-3YhIzh">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page1-Iujgxf">${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-page1-WSjrIF"></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-page1-dAb9iO">${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-page1-WoxOsZ">${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-page1-QbT0SS">${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-page1-DfoNjV">${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-page1-EzMt9p">${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-page1-k2hjjQ"> <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-page1-kdVKSb"> <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-VZyjdx" id="searchCat-${eachJob.jobSeqNo}" aria-haspopup="true" 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="u45O4C-NZNO5D" data-ph-id="ph-page-element-page1-VqpaUd"> <span data-ph-id="ph-page-element-page1-pFGSQv"> ${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-page1-9yVStM"></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-page1-b8lGiK"> <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-page1-8dKHAe"> ${eachCategory} </li> </ul> </div> <p class="job-description" if.bind="(eachJob.descriptionTeaser && eachAttr.name == 'descriptionTeaser')" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-2PKQ0k"></p> </div> <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-page1-dFrgE0"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-k6OHqV"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-UAyAHH"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-d2FXci">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-Kr3Bln"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-Za1m1J"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-wWA1GW"> <div if.bind="eachAction.name == 'applyNow'" data-ph-id="ph-page-element-page1-q44ty4"> <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-page1-O3eSts"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-W2ASea">${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-page1-znjPtY"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-Ltfrod"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-XWwfGC"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-pWK4Gn"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-nygn3Y"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-5HZQUK" data-ph-at-id="share-job-button-text" instance-id="u45O4C-zgLA9S" data-ph-id="ph-page-element-page1-OExL58" language-overriden="true">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-vokUHy"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-EzoDDZ" view="1603775832362-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-1615200875196" 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-page1-HW47Pm"></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-page1-86EoLw"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-Fo3r43"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-9fM4im"> <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.jobSeqNo} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-zJmGLX" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-k9LPyW"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-4nXZL1"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-A5CGwY"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-fXj7Um">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-JVBANS"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-qTOC9F"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-i4HsJH"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-wa4zRZ">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-mFk7O9"> <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-page1-6wzwZu"> <span class="sr-only" data-ph-id="ph-page-element-page1-hXXXVB">${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-page1-6sJqqp"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-05EnCg"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-rEQ92G"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-38Xuwh"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-fDIsw6"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-U8KDCY"> <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-Fjyoju" instance-id="u45O4C-bRYB5O" data-ph-id="ph-page-element-page1-wB2TLI"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-ByTJL8"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-aOJ6vh"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-U1pdm7" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-tbkYQU" instance-id="u45O4C-oAbMru" data-ph-id="ph-page-element-page1-NUmFaz"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-fcKT4r"> <div class="job-location-count" data-ph-id="ph-page-element-page1-fysdYU"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-R12IH9"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-0oci1l"> <li class="each-location ${enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-OsRVlz"> <span data-ph-id="ph-page-element-page1-2mtXeP"> <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-page1-iJNpCs"></i> </span> <span data-ph-id="ph-page-element-page1-53RJoz"> ${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-page1-7eLr3c"> <span class="sr-only" data-ph-id="ph-page-element-page1-1QS6hj">${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-page1-CITgha"></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-page1-cnbSou">${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-page1-nVlNbC">${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-page1-gtv30N">${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-page1-BNZ25i">${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-page1-aRZTxr"> ${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')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-B5Ng7l"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-dvwUnQ"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-crVtRi"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-cN3EJ9"> <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-wKCJUV" instance-id="u45O4C-s4KadV" data-ph-id="ph-page-element-page1-H5Dwbb"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-kysynB"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-OObPbt"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-KBoBQZ" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-FkhME5" instance-id="u45O4C-O07ndJ" data-ph-id="ph-page-element-page1-fh0z8X"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-ratRtH"> <div class="job-location-count" data-ph-id="ph-page-element-page1-k6W5YU"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-b1atHd"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-49mCQE"> <li class="each-category ${enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-eF4ruh"> <span data-ph-id="ph-page-element-page1-XzkxKq"> <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-page1-GqdSDu"></i> </span> <span data-ph-id="ph-page-element-page1-M7eK0Y"> ${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-page1-yEQR42"> <div aria-atomic="true" aria-live="assertive" instance-id="wQyuQX" data-ph-id="ph-page-element-page1-5uzSLI"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-u2Uv6N" 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-JiNBfW" data-ph-at-id="seemore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-zObkdy" instance-id="wQyuQX-ghUW4m" data-ph-id="ph-page-element-page1-FyDHsK"> <!-- <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-page1-jnIZBi"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-1FrQxY"></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-F9UTeO" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-iopJXI" data-ph-at-id="seeless-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-xK7pQF" instance-id="wQyuQX-OMWIfW" data-ph-id="ph-page-element-page1-XBUHMm"> <!-- <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-page1-snphLW"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-ry8LXe"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-502Bq8" 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-PlMo5K" data-ph-at-id="seenext-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-wFkw9G" instance-id="wQyuQX-nXChgh" data-ph-id="ph-page-element-page1-OaWTgN"> <!-- <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-page1-aidN9W"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-LU46kf"></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-Ng98yi" 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-WjWcZy" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-NtqsJz" instance-id="wQyuQX-8CEuKg" data-ph-id="ph-page-element-page1-V9DdQm"> <!-- <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-page1-QHbfLT"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-yH6NEb"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page1-5jbVXx"> <p data-ph-id="ph-page-element-page1-Xb5rBe"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-ylv8Yw" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-NCEaaQ" language-overriden="true"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-view3-1615200884375" 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-1615200874817-view3-ph-email-job-v11gd0h6-6rgP8Y"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-Zw2gKc"> <div class="modal-dialog" role="document" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-5sibaX"> <div class="modal-content" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-vfk5sk"> <div class="phs-widget-heading" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-iCYsUn"> <!--<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-1615200874817-view3-ph-email-job-v11gd0h6-PAIqZ7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-LnzRH0"></i> <span class="sr-only" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-ojfHXG"><ppc-content key="1gd0h6-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-rJcaor">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-k6HeUX"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-CtbsrQ"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-9XwAcD"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-kqCzmo"> 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-1615200874817-view3-ph-email-job-v11gd0h6-bgYecy"> <div class="content-block" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-e40eE6"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-5KH7Dv"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-eyl6by"> <label for="name" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-T6fdIO"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-xvJkjI"> 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="1gd0h6-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="1gd0h6-ph-email-job-v1-view3-recipientNameTitleText" data-ph-at-id="name-input" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-cl6M3f"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-1pS9aB"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-JjmlMQ"> Name should not be empty </ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-HFfGOG"> <label for="email" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-YdrhUG"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-7WTcFS"> 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="1gd0h6-ph-email-job-v1-view3-recipientEmailAddressTitleText" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-xwoPZS"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-KoGg2s"> <span class="sr-only" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-0K9NHv">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-HgjynT"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-emailErrorText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-XXtuIw"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-nycKYq"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-emailValidErrorText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-Na8bGB"> Please enter valid Email </ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-zMhmYb"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-eA6mWT"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-coU6qK"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-abtjTj"> <span show.bind="showEmailSuccess" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-PRFzDZ"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-Rn6BNx">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-JWrWId"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-8ZZlUI">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-1615200874817-view3-ph-email-job-v11gd0h6-5U63HG"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-tzMNVU"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-H7kwEx"> <i class="icon icon-check" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-UQG0Tf"></i> <h3 data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-TYG9As"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-jXkDjN">Success!</ppc-content> </h3> <p data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-GNjMfV"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-H78oWM">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-1615200874817-view3-ph-email-job-v11gd0h6-fyapjJ"> <ppc-content key="ZFSPNS-1gd0h6-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-35MMYp">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-W2wFST"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-RUNmIv"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-eODhjf"> <i class="icon icon-cancel" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-WYRCYa"></i> <h3 data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-uitMjz"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-ddvrMc">Failure!</ppc-content> </h3> <p data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-F06xkI"> <ppc-content key="1gd0h6-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-kBvfho">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-1615200874817-view3-ph-email-job-v11gd0h6-egN7Ys"> <ppc-content key="88rLyB-1gd0h6-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-1615200874817-view3-ph-email-job-v11gd0h6-sFHRuV">Ok</ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1615200874939" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-wPf24c"> <div class="widget-container" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-ZaW4Fm"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-tkwXzv"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="6ty93l-ph-social-share-v3-default-headingRole" aria-level="headingLevel" key-aria-level="6ty93l-ph-social-share-v3-default-headingLevelAria" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-zsAjJG"> <ppc-content key="6ty93l-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-mq7ZiF"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-MPAT8q"> <ppc-content key="6ty93l-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-FchL6k"> 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-default-1615200809540-ph-social-share-v36ty93l-9qky0c"> <ul data-ph-at-id="share-options-list" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-t77Yzu"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-kyCUWa"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color:${shareOption.backgroundColor}; border-radius: ${shareOption.borderRadius}px; line-height:${shareOption.lineHeight}px;height:${shareOption.height}px; width:${shareOption.width}px; border-width:${shareOption.borderWidth}px; border-color:${shareOption.borderColor}; border-style:${shareOption.borderStyle};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-AOdCy4"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-kxgJKQ"></i> <span class="sr-only" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-ogwgzr"> <span data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-ddDmUn">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-8C4qaZ" view="1615200874817-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="view3-1615200884375" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-y2UnbU"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-XutIkc"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-6XkBna"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-ZJYA7i"> <div class="head-wrapper" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-kfCpEz"> <h3 class="head-text" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-vvpiUa"> <ppc-content key="6ty93l-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-eOvxVz">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="6ty93l-ph-social-share-v3-default-closeDialogAriaLabel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-eSNKFD"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-2Cv7Yb"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-sElzhn"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-2nhLjS"> <p class="message-text" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-GEK3Zv"> <ppc-content key="6ty93l-ph-social-share-v3-default-messageText" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-vYRJWi">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-5XojsK"><ppc-content key="6ty93l-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-BlDky7">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-Borq2c" /> </div> <div class="button-wrapper" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-hbrh7D"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-Vkj6JZ"><ppc-content key="6ty93l-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-DAPACH">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-nYfcJM"><ppc-content key="6ty93l-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-default-1615200809540-ph-social-share-v36ty93l-sSNnBu">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-near-by-jobs-v2-default-1603775854835" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-4VvMfb"></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-pPSU48" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page1-GtjAVy"> <div class="widget-container" data-ph-id="ph-page-element-page1-a7GS9u"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-I0TpBZ"> <h2 data-ph-id="ph-page-element-page1-lDPUbz"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-b3Fy1j" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-cvcps9">Explore opportunities near you</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-RSGAZo"> <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-page1-HI0MWm"> <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-page1-Jdus8A"> <div class="information" instance-id="MMeFTI" data-ph-id="ph-page-element-page1-aa48x2"> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-vdhHFH"> <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-page1-PIYNFF"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-DftWiY"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-9DTLGK"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-cs9VWh">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-myKWXX"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-TmPQae"> ${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-page1-yHSYQP"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-CNEowz"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-gUyfCo">${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-hE81tC" aria-level="3" key-aria-level="ph-near-by-jobs-v2-default-qi5top-ncA6c3" instance-id="MMeFTI-h4iJ2O" data-ph-id="ph-page-element-page1-boGb9w"> <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-page1-RA1k1z"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-PLzchO"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-nfFMiC">${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-page1-u5Rmlx"></i> <span data-ph-id="ph-page-element-page1-vz9x4M">${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-page1-sqMWpE"> <!-- 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-page1-wOC0pV"> <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-page1-hJJo0n"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-NL7bZ2">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-SBVPPy">${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-page1-lZ5IJl"></i> ${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-page1-4zzEKb"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-wW9gV3">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-K9z4HH">${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-page1-dQ4J0M"></i> ${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-gq3WBl"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-YZXhxw">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-EGHAVR"> ${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-page1-ThEiUW"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-wynHX5"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-k42bIt">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-gKkoSY">${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-page1-1yFvPx"></i> ${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-page1-UvlHmD"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-FImLqn">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-W3J4Lk">${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-page1-gVfwdt"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-h0IvrZ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-bNccul">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-hy4IFb"> ${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-page1-DHLyWT"></i> ${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-page1-xTX9nA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-DT05xK">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-Y0l2UL"> ${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-page1-vVQ6SQ"></i> ${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-page1-9W17u1"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-o7F5kg">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-LU1Xvd">${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-page1-bwuzjO"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-xSTt1X">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-6Ki9jl">${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-page1-woTEcQ">${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-page1-EAIKrQ">${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-page1-xpaJkB">${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-page1-05wJpI"> <!-- 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-page1-d7Xegj"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-S81lYe"> <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-page1-L8P51W"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-MymvA5"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-ieivGO"> ${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-page1-MumK28"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-Qo0JEE">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-4s686q">${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-page1-B7LL3P"></i> ${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-page1-rlKahR"> <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-page1-ef4gZC"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-vJhAPM"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-sBQRQE"> ${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-page1-wxMINN"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-oQVZ70">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-otmB0m">${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-page1-RCXTMC"></i> ${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-page1-XTzIHx"> <span class="sr-only" data-ph-id="ph-page-element-page1-EURjSa">${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-page1-t8cXnW"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-D5xYZg">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-5rXdxF">${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-page1-LNhBCU">${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-page1-PHolHL">${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-page1-cGnd2P">${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-52Ffxo"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-nOHHeK">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-ORnKbk"> ${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-page1-2D3mG3"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-mmp8dh"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-rxk8Iu">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-ZLuQ8t">${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-page1-gI1eT1"></i> ${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-page1-J1o8Pp"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-8pvRZS">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-RhxoZ9">${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-page1-mYoSy8"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-AKZCQo"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-cFrorH">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-hI67aG"> ${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-page1-0pXb3s"></i> ${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-page1-4gHhN2"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-wiDli8">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-5H0NXS"> ${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-page1-bhXbVn"></i> ${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-page1-2eOLQo"> <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-page1-8emfFN"> <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-near-by-jobs-v2-default-qi5top-0x6IUA" id="searchLoc-${eachJob.jobSeqNo}" aria-haspopup="true" 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="MMeFTI-2ndWbz" data-ph-id="ph-page-element-page1-YDyKs5"> <span data-ph-id="ph-page-element-page1-jKt1mS"> ${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-page1-AdLkxy"></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-page1-j2ZikF"> <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-page1-1XNCAn"> ${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-page1-vTCQ1N"> <span if.bind="!enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page1-v8hlIz">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page1-g1IPIH">${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-page1-uCCKJX"></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-page1-7hh2pY">${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-page1-Bv0Q7y">${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-page1-8Hehbe">${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-page1-rNWIot">${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-page1-vxAkxB">${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-page1-yFgvzA"> <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-page1-pjVxbO"> <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-BAPWtw" id="searchCat-${eachJob.jobSeqNo}" aria-haspopup="true" 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="MMeFTI-HcblAA" data-ph-id="ph-page-element-page1-equ8BK"> <span data-ph-id="ph-page-element-page1-ABrZCy"> ${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-page1-cmJpgB"></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-page1-f9HAp7"> <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-page1-yUbzzt"> ${eachCategory} </li> </ul> </div> <p class="job-description" if.bind="(eachJob.descriptionTeaser && eachAttr.name == 'descriptionTeaser')" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-56SfJ6"></p> </div> <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-page1-cqC3tV"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-TaoKCV"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-jM0BjQ"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-eIEooB">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-okmVBV"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-iiDP4N"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-s5Oc78"> <div if.bind="eachAction.name == 'applyNow'" data-ph-id="ph-page-element-page1-ohAglN"> <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-page1-dDrQzM"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-q7jgVy">${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-page1-Bhd642"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-S3oYow"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-6MP185"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-q1DlCa"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-0k7uMs"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-vCNlu9" data-ph-at-id="share-job-button-text" instance-id="MMeFTI-0Jjs5s" data-ph-id="ph-page-element-page1-SQGKUu">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-aHp6oH"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-u5UDgp" view="1603775854809-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-1615200874939" 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-page1-eEgIMA"></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-page1-2zid34"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-jEFFGU"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-KkPesY"> <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.jobSeqNo} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-goFBYY" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-ad3MKA"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-KDRPvh"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-BbkUoz"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-YbQY28">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-eFMVY7"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-iLQS2a"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-duYD3X"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-nPBeiR">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-ltf1zQ"> <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-page1-TO6Ppo"> <span class="sr-only" data-ph-id="ph-page-element-page1-ViqhF9">${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-page1-GVFTk3"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-ZXEhZU"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-8rV0qb"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-2zFOaq"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-BZYQQq"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-dXgyQg"> <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-HJfJzO" instance-id="MMeFTI-gffmqT" data-ph-id="ph-page-element-page1-rnNFVI"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-lSMZ8T"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-94yUAx"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-near-by-jobs-v2-default-qi5top-zLnrDg" key-aria-level="ph-near-by-jobs-v2-default-qi5top-EuubAO" instance-id="MMeFTI-Zu05t2" data-ph-id="ph-page-element-page1-SXK6zb"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-mwYYVJ"> <div class="job-location-count" data-ph-id="ph-page-element-page1-xxG1GW"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-sCBwFe"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-j6xjbv"> <li class="each-location ${enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-LxXpdk"> <span data-ph-id="ph-page-element-page1-U30Lj8"> <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-page1-vCJ7ZZ"></i> </span> <span data-ph-id="ph-page-element-page1-WjJKyv"> ${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-page1-aAkoYA"> <span class="sr-only" data-ph-id="ph-page-element-page1-MXtlnR">${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-page1-cjrYLV"></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-page1-IIZO0u">${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-page1-kPTbUu">${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-page1-SVgoiW">${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-page1-QBpkLN">${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-page1-VmVYhc"> ${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')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-kvsQod"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-T0GKoL"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-B1Pjtn"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-HhM2Rh"> <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-aweSI1" instance-id="MMeFTI-K89DTX" data-ph-id="ph-page-element-page1-TnuidP"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-rAomBC"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-DnAjcp"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-near-by-jobs-v2-default-qi5top-mtrtmC" key-aria-level="ph-near-by-jobs-v2-default-qi5top-RAqq26" instance-id="MMeFTI-CZQpHu" data-ph-id="ph-page-element-page1-AOkIO7"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-eaDqFs"> <div class="job-location-count" data-ph-id="ph-page-element-page1-QrzPnr"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-ymtxrb"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-boj25E"> <li class="each-category ${enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-EeRiIC"> <span data-ph-id="ph-page-element-page1-eBhJLq"> <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-page1-oVbLWU"></i> </span> <span data-ph-id="ph-page-element-page1-s1vsPW"> ${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-page1-lgF8ZA"> <div aria-atomic="true" aria-live="assertive" instance-id="uE9qWL" data-ph-id="ph-page-element-page1-4QbVSy"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-fEVd9v" 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-EWXvXf" data-ph-at-id="seemore-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-38ORpx" instance-id="uE9qWL-mVKdzH" data-ph-id="ph-page-element-page1-bwIKiT"> <!-- <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-page1-h2XJEd"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-iO9fpk"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-mHjUM4" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-near-by-jobs-v2-default-qi5top-XO73jT" data-ph-at-id="seeless-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-NQpNQj" instance-id="uE9qWL-TOoMRq" data-ph-id="ph-page-element-page1-3KpLFV"> <!-- <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-page1-tklogf"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-UyBhPC"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-B8oHHU" 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-WtJAgx" data-ph-at-id="seenext-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-LeSY64" instance-id="uE9qWL-kVSjyf" data-ph-id="ph-page-element-page1-7enu4d"> <!-- <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-page1-zpEDht"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-BUY79f"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-SIIg4f" 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-IfpbLq" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-Z9Nwym" instance-id="uE9qWL-UM0Eb5" data-ph-id="ph-page-element-page1-gdb0Fm"> <!-- <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-page1-M5yHZS"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-26vWlM"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page1-NZ2Inx"> <p data-ph-id="ph-page-element-page1-EK3yz1"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-nbpneU" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-Opg5s1"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recently-viewed-jobs-v3-default-1603775840544" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-h6QzjH"></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-25Pwnz" data-ph-id="ph-page-element-page1-QcfQGA"> <div class="widget-container" data-ph-id="ph-page-element-page1-KqWJym"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-nfi2AB"> <h2 data-ph-id="ph-page-element-page1-Epp9tr"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-Qfna5E" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-3B13qj">Recently Viewed Jobs</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-wXjG2e"> <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-page1-ZAgE42"> <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-page1-cUuQqL"> <div class="information" instance-id="KXuKDw" data-ph-id="ph-page-element-page1-KHbiFK"> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-GMrLGj"> <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-page1-o7FbR3"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-9H5gZq"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-1kI65Z"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-1lRZgP">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-rIUntz"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-djvUkZ"> ${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-page1-L1MrtM"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-AGtASv"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-8wvdY5">${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-vnfk5S" aria-level="3" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-9zhZ1G" instance-id="KXuKDw-VoLgLw" data-ph-id="ph-page-element-page1-1TGNjC"> <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-page1-QIHiAu"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-aZuqzQ"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-d81Wys">${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-page1-I0XI91"></i> <span data-ph-id="ph-page-element-page1-ER3TPN">${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-page1-8v0b70"> <!-- 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-page1-48IoHg"> <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-page1-zFsw8k"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-0T1KVR">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-V1ugni">${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-page1-zkqYH0"></i> ${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-page1-rEOwMt"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-NasZoc">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-wtsUXy">${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-page1-V07Z4c"></i> ${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-kJZNg3"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-0LeAyf">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-Wyug2v"> ${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-page1-WD5ck4"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-d03o4b"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-7ssRJQ">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-fbZb0E">${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-page1-4CYSKF"></i> ${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-page1-66oB2K"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-McwKUj">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-hqzrug">${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-page1-LfmNy1"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-JbwvDA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-fGlSkt">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-eIssC7"> ${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-page1-5pbt5k"></i> ${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-page1-igT9Un"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-MEchdr">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-pRnJps"> ${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-page1-yNa4rb"></i> ${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-page1-lWUDOp"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-ReMnzW">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-bDlULN">${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-page1-rBFB1D"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-8HhK9w">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-kHN0rw">${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-page1-Ylwx6B">${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-page1-DX0uAd">${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-page1-a22gPI">${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-page1-kUHn5U"> <!-- 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-page1-uL32FU"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-K79gm7"> <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-page1-2MRpyj"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-YRFV1e"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-veLsaf"> ${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-page1-vw9YAw"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-atuPFe">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-tfqQwe">${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-page1-aiEVkA"></i> ${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-page1-rJAVNY"> <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-page1-pRXSVr"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-fTsZYn"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-GIfrCX"> ${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-page1-3yPHFg"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-DSa6WA">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-PD0aSJ">${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-page1-6VtCYB"></i> ${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-page1-eouiBe"> <span class="sr-only" data-ph-id="ph-page-element-page1-EYNmGg">${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-page1-0oyPnZ"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-T6CZax">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-WamWT3">${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-page1-n311x9">${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-page1-t6GudT">${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-page1-w9X5RU">${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-EvWKQj"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-ApLeV2">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-zWfEiu"> ${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-page1-FuiqBa"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-1QQBgQ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-UwEM3E">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-UXkwlc">${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-page1-4JmUli"></i> ${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-page1-vIuMvI"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-rI7mxl">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-H6tGIn">${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-page1-Spyg7R"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-5atQiG"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-EVdClj">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-BvX9BP"> ${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-page1-i7LWGU"></i> ${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-page1-YO3Y2F"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-uq593M">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-MuDyqk"> ${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-page1-OkRVHn"></i> ${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-page1-dgfnXv"> <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-page1-RzJvvt"> <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-FaDvux" id="searchLoc-${eachJob.jobSeqNo}" aria-haspopup="true" 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="KXuKDw-XrNwzB" data-ph-id="ph-page-element-page1-JyKBeW"> <span data-ph-id="ph-page-element-page1-zBEuu4"> ${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-page1-CilWkq"></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-page1-ZVtLnG"> <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-page1-gPV9gd"> ${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-page1-f2l0LJ"> <span if.bind="!enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page1-xQ7i4C">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page1-oGNXIC">${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-page1-JVIWEl"></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-page1-6ME5xj">${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-page1-6Bkmsf">${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-page1-peZcCe">${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-page1-5o5LOO">${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-page1-CN44jU">${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-page1-r0mC0f"> <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-page1-dT2ZUw"> <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-mGhuCR" id="searchCat-${eachJob.jobSeqNo}" aria-haspopup="true" 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="KXuKDw-ovfQ8v" data-ph-id="ph-page-element-page1-dBRHQr"> <span data-ph-id="ph-page-element-page1-538rBh"> ${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-page1-Z64hY3"></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-page1-TnDwuw"> <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-page1-G263Kj"> ${eachCategory} </li> </ul> </div> <p class="job-description" if.bind="(eachJob.descriptionTeaser && eachAttr.name == 'descriptionTeaser')" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-2r2d3u"></p> </div> <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-page1-bWznHd"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-v3gTVc"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-S4Aiqg"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-NPc3Sr">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-t0HYgH"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-BYt24i"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-5Eak7r"> <div if.bind="eachAction.name == 'applyNow'" data-ph-id="ph-page-element-page1-hrFYQo"> <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-page1-KENwAS"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-I26MiX">${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-page1-hQT4s8"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-qEWUzl"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-sprsym"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-NlcCXx"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-J9k0Ao"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-sFX4JV" data-ph-at-id="share-job-button-text" instance-id="KXuKDw-FCdvrA" data-ph-id="ph-page-element-page1-zYG9Rg">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-k9TFwU"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-7v3GtK" view="1603775840522-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-1615200874825" 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-page1-QEIOD6"></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-page1-VrBqj5"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-TS8XoY"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-hBZxuw"> <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.jobSeqNo} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-UNoB2u" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-84cXRF"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-p5X8ho"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-s3GzVk"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-jRyOwq">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-1WlkFM"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-0rdIjw"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-aWKlMw"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-QSvnQr">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-NcZYCA"> <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-page1-2h9zl2"> <span class="sr-only" data-ph-id="ph-page-element-page1-bOPzU6">${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-page1-SOX9rF"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-EwZnXt"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-GBUG9F"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-nI3gT1"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-Z6sHEQ"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-2lkhNk"> <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-wo7jfp" instance-id="KXuKDw-M8jNOJ" data-ph-id="ph-page-element-page1-jUa7zt"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-WcyxLH"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-i8JnN0"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-q2Dhja" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-JE1NHF" instance-id="KXuKDw-wY2d4W" data-ph-id="ph-page-element-page1-kcerix"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-m9fIoR"> <div class="job-location-count" data-ph-id="ph-page-element-page1-nitakW"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-9ozUCZ"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-2iJGrh"> <li class="each-location ${enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-V0WVzI"> <span data-ph-id="ph-page-element-page1-JBdwi9"> <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-page1-tKmVL5"></i> </span> <span data-ph-id="ph-page-element-page1-DMnmpw"> ${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-page1-vB7Oy4"> <span class="sr-only" data-ph-id="ph-page-element-page1-T9xmnI">${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-page1-kvk9Xu"></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-page1-zPrTQi">${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-page1-8141qr">${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-page1-BVNCEb">${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-page1-U5ny1A">${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-page1-rCknvn"> ${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')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-aXHrdX"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-4lv7cl"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-Zv2zTM"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-FCxHYI"> <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-uX1bBe" instance-id="KXuKDw-MOzJqj" data-ph-id="ph-page-element-page1-toeL56"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-gU6KH3"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-bQ5CPd"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-wbix9J" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-Q6sqbO" instance-id="KXuKDw-NprYVH" data-ph-id="ph-page-element-page1-5N4E0o"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-1p1izv"> <div class="job-location-count" data-ph-id="ph-page-element-page1-IQORvm"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-f852D9"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-fgn3jz"> <li class="each-category ${enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-KQQJMZ"> <span data-ph-id="ph-page-element-page1-FegfpH"> <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-page1-0xEQw6"></i> </span> <span data-ph-id="ph-page-element-page1-6FxoPe"> ${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-page1-UzXGh6"> <div aria-atomic="true" aria-live="assertive" instance-id="uUJEvD" data-ph-id="ph-page-element-page1-EjBtjo"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-hgNtdy" 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-e9TJpa" data-ph-at-id="seemore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-2MRfWt" instance-id="uUJEvD-GYO6PZ" data-ph-id="ph-page-element-page1-O6QPlL"> <!-- <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-page1-SyKB1m"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-EDflGd"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-lUIHnC" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-YuyCeL" data-ph-at-id="seeless-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-ZRS9go" instance-id="uUJEvD-STOIVi" data-ph-id="ph-page-element-page1-XXdGnV"> <!-- <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-page1-coOR0q"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-ov1qfE"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-t5b6Vg" 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-07lqOz" data-ph-at-id="seenext-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-TWJhGw" instance-id="uUJEvD-7NcSOY" data-ph-id="ph-page-element-page1-7pbpaZ"> <!-- <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-page1-1ITj5O"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-9LIn7b"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-VPhLHN" 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-e3Wg40" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-Qq2cJ5" instance-id="uUJEvD-aY4jmD" data-ph-id="ph-page-element-page1-zUDPZK"> <!-- <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-page1-yeZcs6"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-N5keEQ"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page1-9JIUD8"> <p data-ph-id="ph-page-element-page1-c66VAh"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-5yMdXk" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-LtLdUJ"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1614937700659" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-aLgrpO"></div> <div class="widget-block-area" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-7Y7Fbl" data-pre-render=""> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-txNggY"></div> <div class="content-block upload-resume-block" aria-hidden="${((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup) ? 'false' : 'true'}" show.bind="((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup)" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-DA6WUr" phae-ally="aria-hidden#false"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-sdQqp2"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-a0M6Yo"> <div class="widget-container" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-IckrK3"> <div class="upload-resume-tile-container" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-VdClL7"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-1iz1qO"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Hh7amE"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-preLoginHeadingVisitorText" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-aNGTEh" language-overriden="true">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-fln05q"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-preLoginHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-cdGJJ2" language-overriden="true"><div><span class="ph-cc-ms-f-s-32 ph-cc-d-f-s-32 ph-cc-t-f-s-19 ph-cc-m-f-s-16">Get tailored job recommendations based<br />on your interests.</span></div></ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-0IUHpc"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" aria-label="Get started for profile recommendations" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel1" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-pzlx4S" phae="ph-find-your-fit-container-v1" phae-type="click" phae-main="1"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-preLoginActionButtonText" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-lIadWC" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Oyngj3"> <div class="widget-container" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-qO1Equ"> <div class="post-login-resume-tile-container" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-bK0x6e"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-nBzaNa"> <div class="user-profile-icon fs-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-zZ6yRH"> <span class="user-name-prefix" if.bind="!profileData.firstName" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-A34cyD"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-liSBME"></i> </span> <span class="sr-only" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-nGb58e"> <span key="ai8eoj-ph-find-your-fit-container-v1-default-profileIconScreenText" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Plwl6Z" language-overriden="true"> profile icon </span> ${profileData.firstName ? profileData.firstName.substring(0,1) : ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="profileData.firstName" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-x6qMNH"> ${profileData.firstName.substring(0,1)}${profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-kEt4nL"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="profileData.firstName" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-gZHoNP"> <span class="recom-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-UDdNDc">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName":profileData.firstName}}</span> </div> <h2 class="user-profile-info phs-heading" if.bind="isProfileJobsAvailable != undefined" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-BCmHw4"> <span class="recom-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-RxaCqz"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="ai8eoj-ph-find-your-fit-container-v1-default-postLoginProfileHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-kdmcfG" language-overriden="true">Your personalized site and job recommendations are ready.</ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && !isCandidateHomeEnabled" key="ai8eoj-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-wkNv5x" language-overriden="true"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && isCandidateHomeEnabled && isProfileDataExists" key="ai8eoj-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-xqwQB7" language-overriden="true"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && !isProfileJobsAvailable && !isProfileDataExists" key="ai8eoj-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading3" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-zLrWdO" 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="ai8eoj-ph-find-your-fit-container-v1-default-postLoginSignUpText" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-dLlpZX" language-overriden="true"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-default-1601033424249-ph-find-your-fit-container-v1ai8eoj-v2fctd">Sign up</a> <span data-ph-id="ph-default-1601033424249-ph-find-your-fit-container-v1ai8eoj-lYutFn"> to save your personalized experience </span> </ppc-content> </span> </h2> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && flowType == 'upload_resume'" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-GQG4Pl"> <div class="action-area-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-idY2xS"> <button class="edit-resume upload-action-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-editUploadOptionAriaLabel1" data-ph-at-id="edit-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-nKgCKv"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo)" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-O1bu5r"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-vMONeC"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-4OmYO1"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-cWlfRi"></i> </span> <span class="resume-name" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-45rzCg"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-ResumeUpdateEditTxt" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-U5Z26L" language-overriden="true"> <span data-ph-id="ph-default-1601033424249-ph-find-your-fit-container-v1ai8eoj-Hc9E22">${profileData.resumeName && (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName && ('.'+profileData.resumeName.split('.').pop())} </ppc-content> </span> <i class="icon ${isDropdownOpen ? 'icon-up-arrow' : 'icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-JuHe5V"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-JFXmcJ"> <ul data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-HJQlwA"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo)" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-mcplB0"> <button class="completeInfo-btn" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-" click.delegate="openContactDetailsPopup()" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Qp51BV"> <span class="button-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-TMaLQJ"> <span class="error-icon action-icon" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-P5PXdo"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-etEh4N"></i> </span> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-completeInformationButtonText" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-QT1av1" language-overriden="true"> Complete resume info </ppc-content> </span> </button> </li> <li data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-7xbfhm"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-OeAWUe" view="1614937700494-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="1614937700494-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-HEVbT3"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-HAwlho"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-azNVqm"> <span class="action-icon" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ulmjEG"> <i class="icon icon-upload" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-rGs0Bt"></i> </span> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-rs5y5r" language-overriden="true">Upload new </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-M0bnUw"> <button class="remove-btn" aria-label="Reset profile" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-removeCurrentProfileAriaLbl" click.delegate="openDeletePopup()" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-HCsB94"> <span class="action-icon" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-xS13vr"> <i class="icon icon-delete-4" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-9N5a4o"></i> </span> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-removeExistingResumeTxt" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-zNhlCM" language-overriden="true"> Remove </ppc-content> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-PVJlef"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-sWdQHf"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-nNthXh"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-KSsaNu"> ${socialProvider} </span> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ToSwq6" 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="ai8eoj-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-5XfkL5"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-tSIXUX" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-643rPk"> <div class="action-area-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-XebOju"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-dl0jgV"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-profileUpdationEditText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-HtApu7" language-overriden="true">Edit profile</ppc-content> </button> <div class="reset-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-rgHwyW"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin && !isSiteLogin" aria-label="reset find your fit profile" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-profileUpdateResetAriaLabel" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-CtiTNJ"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-YudJvh"></i> <span data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-0kBgj4"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-profileUpdateResetLinkText" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-zQmere" language-overriden="true"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-jLunTw"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-0RoeWB"> <span class="sr-only" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-QOCP4g">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-69DrxA"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-C5iUGP"> ${socialProvider} </span> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-5iTckO" 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="ai8eoj-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-cfgj3m"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-wQMOQF" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-q6X7Lv"> <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="ai8eoj-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-7a0rMY"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-preLoginActionButtonText" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-KWIqUE" language-overriden="true"> Get Started</ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous && flowType == 'candidateProfile'" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-K0iHl7"> <div class="action-area-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Dna7pZ"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-HZIEdd"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-profileUpdationEditProfileText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-q1HcON" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ZvDJPi"> <div class="widget-container" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-anlTX9"> <div class="inner-content" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-aDumxo"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-9KqJ3l"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-flowChoosingHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-MNdej1" language-overriden="true">Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-SEWeeY"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-flowChoosingHeadingSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-gx8qc8" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-XsFsNS"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-0hZLTt"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-jDf9TD"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-GxGF91" language-overriden="true">Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-68D5Dc"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-3wqCWt" language-overriden="true">or</ppc-content> </p> </div> <div class="dropzone-area" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-mfO3ay"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-9i6fkI" view="1614937700494-external-upload-resume" original-view="external-upload-resume" theme="default"> <div class="ph-import-resume-v1-external-upload-resume-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="external-upload-resume-1614955104011" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-8m9ZOm"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-KOo3b9"> <p class="or-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-z7pJnx"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-QYf4N2" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-JDk4v6"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Nw8Vf7" language-overriden="true">Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-3IeDOf"> <label class="input-checkbox-label" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-xRdE9v"> <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="ai8eoj-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-30WkeW"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-imnggm"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-LXzhqi"></span> <span class="checkbox-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-NjvrZA"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-vT6q3O" 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="ai8eoj-ph-find-your-fit-container-v1-default-ChooseSectionCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-BufYB1"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-92dZsV"></i> </button> </div> </div> </div> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-MxzUvX"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-eCIdWA"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-eCun0P"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-popup-start-focus" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-jl7Kjr"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeUserConsentPopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-SrPBAw"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-4sCpVt"></i> </button> </div> <div class="modal-body" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-TxRlCS"> <h2 class="heading-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-k06vMt"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="ai8eoj-ph-find-your-fit-container-v1-default-unsaved-popup-heading" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-gSFVYD" language-overriden="true"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-mrv27y"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="ai8eoj-ph-find-your-fit-container-v1-default-ally-unsaved-popup-subHeading" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-olu6hw" 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" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-O268SN"> <div class="checkbox-btn-group" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-wyYgo2"> <label class="input-checkbox-label" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-QpEsrB"> <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="ai8eoj-ph-find-your-fit-container-v1-default-termsAriaLabel" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-AJ2fNr"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-PRe47A"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-kUjCHf"></span> <span class="checkbox-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-M8WNM2"> <ppc-content class="cd-terms-policy-block" key="ai8eoj-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-KPqOJk" language-overriden="true"><span class="mandatory-star">*</span> Yes, I have read and agree to the terms and conditions of Warner Bros. Discovery’s <a class="privacyPolicyLink" href="https://www.warnermedia.com/us/basic-page/legal-and-privacy" target="_blank"> privacy statement</a></ppc-content> </span> </input></label> </div> <div class="terms-error" if.bind="termsError" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-hGjPkq"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-terms-error" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-aHyLbn" language-overriden="true"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-LmE6lL"> <label class="input-checkbox-label" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-g3o6qL"> <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="ai8eoj-ph-find-your-fit-container-v1-default-saveResumeAriaLabe" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-p8BoFJ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-fhSDzD"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ZPEZfI"></span> <span class="checkbox-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-M6fNqf"> <ppc-content data-ph-at-id="checkbox-button-text" key="ai8eoj-ph-find-your-fit-container-v1-default-save-my-checkbox-button-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-7tzsw6" language-overriden="true">Yes, I'd like to receive communication messages from Warner Bros. Discovery.<br /> <br /> By checking the box above and clicking “Submit” below, I agree to receive periodic emails and/or text messages about job opportunities and company news at Warner Bros. Discovery to the email address and/or mobile phone number I have listed above. I understand I am not required to sign up for this talent community in order to apply for jobs at Warner Bros. Discovery, and I may opt out of receiving communications at any time by replying with STOP or clicking UNSUBSCRIBE. Message & Data rates may apply.</ppc-content> </span> </input></label> </div> </div> <button class="btn primary-button" click.delegate="submitResume()" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-JKTBAR"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-submitbuttonkey" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-InqWJa" language-overriden="true"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-6pkhT5"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" show.bind="isDialogOpen" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-RTuJYM"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-yNzmDY"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ctBylC"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format resume popup close" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-uploadFailurePopupCloseAriaLabel1" data-ph-at-id="close-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-MEoGcL"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-7ktqqC"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-DUKlxL"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-NS9YEL"></i> <span key="ai8eoj-ph-find-your-fit-container-v1-default-sadFileIconText" class="sr-only" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-RHL3mG" language-overriden="true">Failure icon</span> </div> <div data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-OsuC0J"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-HgQMUd"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-sBXpLz" language-overriden="true"> Oops invalid format...</ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Wifn1g"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-GdIRpY" language-overriden="true"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-hAA8an"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-WCAOPf" language-overriden="true"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-75LxKe"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-h6PvBV" language-overriden="true">Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-SxDwsf"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadErrorUploadAgain" data-ph-at-id="error-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-XxbY3l" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Y3Ykqv"> <div class="upload-again" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-LhfL7J"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-gY6ADE" view="1614937700499-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="1614937700499-upload-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-HUPZsU"> <div class="ph-dropzone-area" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-HixVwG"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-EiqReF"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-eQ7DzS" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ecPvdp"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact details popup Close" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-contactDetailsPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-QeIAvz"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-PP0SDn"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Witsbs"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Ohwxz1"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-RMxvzQ"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsErrorText1" data-ph-at-id="description-error-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-3iyN7S" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-2qQcH6"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-vTiIt3" language-overriden="true"> But we noticed below information is missing from it. <br data-ph-id="ph-default-1601033424249-ph-find-your-fit-container-v1ai8eoj-1zDfOb" /> Please complete the following:</ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-KmkgfH"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-WdFAMo" language-overriden="true"> We noticed below information is missing from it. <br data-ph-id="ph-default-1601033424249-ph-find-your-fit-container-v1ai8eoj-5apG9j" /> Please complete the following: </ppc-content> </h2> <div data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-wvBIlx"> <form role="form" aria-label="contact details" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-contactDetailspopupFormArialLabel1" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ZjD818"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Db0xCY"> <div data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-nElOKB"> <label for="email" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-1gyNsD"> <span key="ai8eoj-ph-find-your-fit-container-v1-default-contactDetailsEmail" class="sr-only" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-bsgvzM" language-overriden="true">Email </span> <span class="" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-EItEY6"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-contactDetailsEmail" data-ph-at-id="email-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-cxV4yq" language-overriden="true">Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-o2QGNT"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="your@mail.com" key-placeholder="ai8eoj-ph-find-your-fit-container-v1-default-contactDetailsEmailInputPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-g3SzEg"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-t35F1n"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-vBCXKT"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorText" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-i1hNA6" language-overriden="true"> Email should not empty </ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Uw2x8w"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorCorrectFormat" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-STOczy" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-bpROOE"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-jhRg8q"> <div data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-5PrI8u"> <label for="phone" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-3VJJ7v"> <span key="ai8eoj-ph-find-your-fit-container-v1-default-ContactDetailsPhone" class="sr-only" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Cs9Ych" language-overriden="true">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-csDE7C"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-contactDetailsPhone" data-ph-at-id="phone-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-raAcI9" language-overriden="true">Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-zcNvYf"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="ai8eoj-ph-find-your-fit-container-v1-default-ContactDetailsPhoneInputPlaceHolder1" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-2Y2FiH"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code && contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-FuRse7"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-contactDetailsPhoneInputErrorText" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-uExDnr" language-overriden="true">Please enter correct phone number </ppc-content> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-FQgVK6"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-s4xy3Y"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-UvqxE3"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-uploadResumeContactDetailsSubtmitText" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-YgiywP" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-nU9Wi1"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login popup Close" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-socialLoginPopupCloseAriaLabelText" data-ph-at-id="close-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-IKxArD"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ShVGqo"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-IEHcJJ"> <div class="upload-cv-status-area" if.bind="contactDetailsFirstTime" data-ph-at-id="success-block" data-ph-at-filename-text="${profileData.resumeName}" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-VMjICD"> <p data-ph-at-id="sucess-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ajrPE9"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-efgaOw"> <h2 class="phs-heading" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-jzq7Wc"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadSuccessHeading2" data-ph-at-id="heading-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-SLd8en" language-overriden="true">Sign in and keep your data for future visits</ppc-content> </h2> <section class="ph-widget" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-KLPbje" view="1614937700499-view4" original-view="view4" theme="default"> <div class="ph-social-connect-v1-view4-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="view4-1614955107354" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-6si3zW"></div> </section> <div class="signin-info" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-WLSY4u"> <span data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-G2SyoX"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-4Jncl9"></i> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadSuccessDesc" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-6cmfPj" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Vit5mz"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Nsyo42"> <div class="failure-img-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-wuGf1j"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-mIvcNm"></i> <span key="ai8eoj-ph-find-your-fit-container-v1-default-happyFileIconText" class="sr-only" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-xCdJnF" language-overriden="true">success icon </span></div> <div data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-KpgfHJ"> <h3 class="heading" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-6IzSGb"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessHeading" data-ph-at-id="sucess-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-1o4PfI" language-overriden="true"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ROwyUf"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes1" data-ph-at-id="sucess-desc1" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Ncs9jh" language-overriden="true">Your file is successfully uploaded</ppc-content> </div> <div class="p-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-QvvMbs"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes3" data-ph-at-id="sucess-desc2" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-yksNiT" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-PT9J30"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file upload success popup close" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-socialLoginSuccessCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-rX9qZ6"> <span class="btn primary-button" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-ravcZu"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-socialLoginCloseText" data-ph-at-id="close-link-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-Gnj6ft" 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-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-PRN0rJ"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup close" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-resetPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-MMZueS"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-m2DIx7"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-TK9Rd9"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-pvjErk"></i> <span class="sr-only" key="ai8eoj-ph-find-your-fit-container-v1-default-removeFileIconText" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-wpCVeb" language-overriden="true">reset icon</span> </div> <div data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-gfAvmH"> <div class="p-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-d5fix4"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-resumeUploadDeletDescription" data-ph-at-id="description-text" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-WlObi4" language-overriden="true">By resetting personalization <br data-ph-id="ph-default-1601033424249-ph-find-your-fit-container-v1ai8eoj-HCqUaK" />you will lose your personalized job recommendations </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-TJovNK"> <div class="delete-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-BUf8Ye"> <button class="btn warning-button" aria-label="Reset" key-aria-label="ai8eoj-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteAriaLabel" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-8HxfqH"> <ppc-content key="ai8eoj-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteButtonText" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-z9kQrB" language-overriden="true"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-i5dkeG"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-oZYUhj"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-SAImvO"> resume uploading </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="6ty93o" if.bind="isFyfEnabled" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-nPuL9c" view="1614937700503-default" original-view="default" theme="default"> <div class="ph-find-your-fit-v1-default-default ph-widget-target" fyf-steps.bind="stepsData" fyf-info.bind="fyfInfoData" as-element="ph-find-your-fit-v1" instance-id="6ty93o" data-widget="ph-find-your-fit-v1" view="default-1614955110870" original-view="default" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-nz1bnu"></div> </section> <!-- Candidate login mobile view --> <div show.bind="candidateLoginPopup" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-pVlsUN" class="phcriticalhide"> </div> <!-- Candidate login desktop view --> <div show.bind="candidateLoginPopup" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-xKJDzQ" class="phcriticalhide"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-omL33u" view="1614937700631-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-1614955129873" instance-id="fyf2" original-view="default" data-ph-id="ph-default-1614937592920-ph-find-your-fit-container-v1ai8eoj-yqR5YO"></div> </section> </div> </div></script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript" nonce=""> phApp.pageId = "page1";</script><script id="ph_app_widgetscript_url" type="text/javascript" nonce="">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script><script id="page_dynamic_literals" nonce=""> phApp.translations = {"ph-social-connect-v1-view5":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","facebook":"Sign in with Facebook","google":"Sign in with Google","google-sign":"Sign in with Google","linkedIn":"Sign in with LinkedIn","mergeCount":"Merge selected ({{profileCount}})","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found"},"ph-find-your-fit-container-v1-default":{"uploadResumeProfileFirstName":"Hi {{userFirstName}},","resumeUploadedMessage":"The carrer site has been personalized based on your resume “{{resumeName}}“"},"ph-candidate-login-v1-default":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","signInIcon":"icon icon-user-4","validEmailIcon":"icon icon-check-mark-thick-1","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","signOutButton":"Sign out","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","signInPopUpHeading":"Sign in","forgotPasswordLinkText":"Forgot your password?","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","createAccErrorStatement3":"one number,","signInPopUpSubHeading":"","signInButtonLabel":"Already have an account?","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","loggedInBtnAriaLabel":"Your profile {{saluteText}}","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","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","closePopUpButtonIcon":"icon icon-cancel","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your 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","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","staySignedInCheckboxAriaLabel":"Stay signed in","closePopupButtonAriaLabel":"Close popup","seperatorText":"or use your social account","errorIncorrectPassword":"Your password is incorrect. Please try again","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","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);","signInEmailFormAriaLabel":"Enter email","errorMessageInvalidEmail":"Please enter a valid email address.","signInPasswordFormAriaLabel":"Enter password","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-recom-jobs-browsing-history-v3-default":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less jobs","sponsorship":"Sponsor","remote":"Remote","type":"Job Type","title":"Title","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMoreText":"See all jobs","postedDateFormat":"ll","experienceRequired":"Experience","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process ","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","addToCartSaveText":"Save","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-social-connect-v1-view4":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","facebook":"Sign in with Facebook","google-sign":"Sign in with Google","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","mergeCount":"Merge selected ({{profileCount}})","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found"},"ph-candidate-login-v1-view1":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","resetPasswordInvalidText":"Your reset password link is invalid. Please try again.","validEmailIcon":"icon icon-check-mark-thick-1","setNewPwdText":"Set new password","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","resetPasswordButtonText":"Send password reset link","privacyPolicyText":"Privacy Policy","signInPopUpHeading":"Sign in","forgotPasswordLinkText":"Forgot your password?","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","createAccErrorStatement3":"one number,","signInButtonLabel":"Already have an account?","signInPopUpSubHeading":"","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","newPwdText":"New Password","createAccountEmailFormPlaceHolder":"name@mail.com","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","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. ","staySignedInCheckboxAriaLabel":"Stay signed in","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","hidePasswordText":"Hide password","resetLinkExpired":"Password reset Link has been expired","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","resentEmailButtonLabel":"Didn't receive the mail?","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"javascript:void(0);","errorMessageInvalidEmail":"Please enter a valid email address.","signInEmailFormAriaLabel":"Enter email","signInPasswordFormAriaLabel":"Enter password","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-profile-recommendations-v2-default":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See all jobs","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less jobs","sponsorship":"Sponsor","type":"Job Type","title":"Title","remote":"Remote","postedDate":"Posted Date","expiryDate":"ExpiryDate","descriptionTeaser":"Description Teaser","seeMoreText":"See all jobs","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","removeJobText":"Remove","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","addToCartSaveText":"Save","location":"Location","travelRequiremnt":"Travel","category":"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 jobs","sponsorship":"Sponsor","title":"Title","remote":"Remote","type":"Job Type","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMoreText":"See all jobs","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","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","addToCartSaveText":"Save","location":"Location","travelRequiremnt":"Travel","category":"Category"},"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","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","addToCartSaveText":"Save","location":"Location","category":"Category"},"ph-find-your-fit-v1-default":{"suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","fyfRecentTitlePlaceHolderText":"Your most recent job title","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","fyfSkillsPlaceHolderText":"Your skills","addSkillButtinAriaLabel":"Add {{skillName}}","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","fyfLocationPlaceHolderText":"Your preferred work location","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-social-share-v3-default":{"twitterTitle":"Share via twitter","google-plusTitle":"Share via google plus","linkedin":"Share via LinkedIn","instagram":"Share via Instagram","weiboTitle":"Share via weibo","facebookTitle":"Share via Facebook","xing":"Share via xing","twitter":"Share via twitter","weibo":"Share via weibo","facebookAriaLabel":"Share via Facebook","email":"Share via email","instagramAriaLabel":"Share via Instagram","weiboAriaLabel":"Share via weibo","shareInfoText":"Check out this job at {{companyName}}, {{title}}","vkTitle":"Share via vk","google-plus":"Share via google plus","vkAriaLabel":"Share via vk","instagramTitle":"Share via Instagram","emailTitle":"Share via email","facebook":"Share via Facebook","emailClientSubject":"{{title}} at WarnerMedia","twitterAriaLabel":"Share via twitter","pinterest":"Share via pinterest","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","google-plusAriaLabel":"Share via google plus","xingAriaLabel":"Share via xing","pinterestAriaLabel":"Share via pinterest","emailClientBody":"Check out this open role at WarnerMedia :","emailAriaLabel":"Share via email","vk":"Share via vk","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"},"ph-global-search-v3-default":{"globalsearchPlaceholder":"Search jobs by keyword","jobsDependsOnFilterPlural":"Search among {{jobsCount}} jobs in {{filterType}}","militarysearchPlaceholder":"Search military jobs","globalSearchFormTitle":"Job search","inputLabelText":"Please navigate the suggestions using the tab key","globalsearchButtonAriaLabelText":"Search","inputAriaLabelText":"Enter Job Title or Location","globalsearchButtonText":"Search","jobsDependsOnFilter":"Find {{jobsCount}} job in {{filterType}}"}} </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-N4VHS4S');</script><meta name="yandex-verification" content="c9f7178005ca2628" /><script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "en_global","name": "Home","url": "https://careers.wbd.com/global/en","datePublished": "2024-10-21","dateModified": "2024-10-21"}</script><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/tenantcss/page/en_global/external/desktop/page1/main-critical-css-1730987802151.css" media="print" onload="this.media='all' " data-global-css-src="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1722507978142.css" data-main-css-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/tenantcss/main-1730985823386.css" data-color-css-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/tenantcss/color-css-1704459195812.css" "="" /></head> <body class="home-page home" data-ph-id="ph-page-element-page1-Z0p5Ap" style="visibility: hidden;"><noscript nonce="__CSP_NONCE__" snippet_id="GTM-BODY-143"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4VHS4S" 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-page1-Zyv1IY"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="zExMQ7sd-vce229XY"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page1-Q9Ys5W"> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page1-XAeaED"><section class="ppc-section ph-widget" type="dynamic" instance-id="1k65cR" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-widget-element-1612862835047-11leyF"><div class="ph-cookie-popup-v2-default-default ph-widget-target" as-element="ph-cookie-popup-v2" data-widget="ph-cookie-popup-v2" view="default-1612862836928" theme="default" original-view="default" instance-id="1k65cR" data-ph-id="ph-widget-element-1612862835047-luQkwZ"></div></section> <section class="ph-widget" instance-id="wiqvet" data-ph-id="ph-page-element-page1-fTZHm1"> </section> <!-- FYF --> <section class="ph-hero-block-cc-view13-option1-theme1 ph-widget" type="static" view="1684240968551-hero-block-cc-view13-option1-savedView-1683835063568" original-view="ph-hero-block-cc-view13-option1" theme="theme1" instance-id="ziirEa" data-ph-id="-1684240968429"><div class="ph-hero-block-cc-view13-option1-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1684240968551-hero-block-cc-view13-option1-savedView-1683835063568" original-view="ph-hero-block-cc-view13-option1" theme="theme1" ph-removed="true" data-ph-id="-1684240968429-1" instance-id="ziirEa"><div class="ph-component-cntr ph-widget-box brand-color-primary-bg" role="main" key-role="ziirEa-ZvVxui-ph-hero-block-cc-view13-option1-savedView-1683835063568-regionRole" instance-id="ZvVxui" data-ph-id="ph-widget-element-8732624489023815-2"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="ziirEa-YSMAVS-ph-hero-block-cc-view13-option1-savedView-1683835063568-listRole" instance-id="YSMAVS" data-ph-id="ph-widget-element-8732624489023815-3"> <div card-name="ph-hero-block-cc-view12" class="ph-card" key-role="ziirEa-7NRiGB-ph-hero-block-cc-view13-option1-savedView-1683835063568-listItemRole" instance-id="7NRiGB" data-ph-id="ph-widget-element-8732624489023815-4"> <div class="ph-hero-block-cc-view12 ph-card-block" data-ph-at-id="ph-hero-block-cc-view12" data-ph-id="ph-widget-element-8732624489023815-5"> <ppc-container component-content-key="background-video" class="ph-video" data-ph-cid="background-video1" data-ph-id="ph-widget-element-8732624489023815-6"> <div class="video" ph-video-v1="video" pha-video-url="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/videos/1416850_CareerWebsiteTeaser_OCT2024_v02-1727893184046.mp4" pha-autoplay="1" pha-loop="1" pha-controls="0" pha-volume="0" pha-preload="1" pha-video-id="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/videos/1416850_CareerWebsiteTeaser_OCT2024_v02-1727893184046.mp4" pha-partner-id="null" pha-entry-id="null" ph-cms-video-gallery-link="true" data-gallery-video-provider="video" data-ph-id="ph-widget-element-8732624489023815-7"></div> </ppc-container> <div class="inner-container" data-ph-id="ph-widget-element-8732624489023815-8"> <div class="global-search-block" data-ph-id="ph-widget-element-8732624489023815-9"> <ppc-container component-content-key="h1-heading" class="heading-one" data-ph-cid="h1-heading1" data-ph-id="ph-widget-element-8732624489023815-12"> <h1 data-ph-id="ph-widget-element-8732624489023815-13"> <ppc-content key="ziirEa-x58KmP-ph-hero-block-cc-view13-option1-savedView-1683835063568-h1-heading-title-text" instance-id="x58KmP" data-ph-id="ph-widget-element-8732624489023815-14"><div style="text-align: left;" data-ph-id="ph-widget-element-8732624489023815-15"><font face="Beatrice-Bold" data-ph-id="ph-widget-element-8732624489023815-16"><span style="font-size: 50px;" data-ph-id="ph-widget-element-8732624489023815-17">Our story starts with you.</span></font></div></ppc-content> </h1> </ppc-container> <section class="ph-widget" original-view="default" view="1648051984869-default" instance-id="OKQcd5" data-ph-id="ph-widget-element-8732624489023815-21"> <div as-element="ph-global-search-v3" class="ph-global-search-v3-default-default ph-widget-target" data-widget="ph-global-search-v3" show-title.bind="false" show-caption.bind="false" view="1648051984869-default-8732624432848100" original-view="default" instance-id="OKQcd5" data-ph-id="ph-widget-element-8732624489023815-22"></div> </section> </div> </div> </div> </div> </div> </div></div></section><section class="ph-hero-content-cc-slider-view1-option1-theme1 ph-widget" type="static" view="1726754169538-hero-content-cc-slider-view1-option1-savedView-1697627314816" original-view="ph-hero-content-cc-slider-view1-option1" theme="theme1" instance-id="fF51JR" data-ph-id="-1726754169364"><div class="ph-hero-content-cc-slider-view1-option1-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1726754169538-hero-content-cc-slider-view1-option1-savedView-1697627314816" original-view="ph-hero-content-cc-slider-view1-option1" theme="theme1" ph-removed="true" data-ph-id="-1726754169364-1" instance-id="fF51JR"><div class="ph-component-cntr ph-widget-box" style="background-image: url("https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/careers-background-1652212776043.jpg"); background-size: cover;" data-ph-id="ph-widget-element-4687664486819623-2"> <div class="inner-container ph-fluid-container" data-ph-id="ph-widget-element-4687664486819623-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-4687664486819623-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-4687664486819623-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-4687664486819623-6"> <ppc-container component-content-key="h2-heading" class="heading-two ph-cc-d-p-t-30" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-4687664486819623-7"> <ppc-content key="fF51JR-mhChzB-ph-hero-content-cc-slider-view1-option1-savedView-1697627314816-savedView-1664399054943-h2-heading-title-text" instance-id="mhChzB" data-ph-id="ph-widget-element-4687664486819623-9"><h2 data-ph-id="ph-widget-element-4687664486819623-8" ph-element-dummy-ele="true" style=""><span class="ph-line-height-1_2" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_2"><span class="ph-cc-ms-f-s-34 ph-cc-d-f-s-34 ph-cc-t-f-s-20 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;"><font color="#00e0ff">Beware of Recruitment Scams</font></span></span></h2></ppc-content> </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-4687664486819623-15"> <span class="sub-content-block" data-ph-id="ph-widget-element-4687664486819623-16"> <ppc-content key="fF51JR-yVkV85-ph-hero-content-cc-slider-view1-option1-savedView-1697627314816-savedView-1664399054943-header-block-sub-content-text" instance-id="yVkV85" data-ph-id="ph-widget-element-4687664486819623-17"><p><span style="font-family:Beatrice-Regular;"><span class="brand-color-secondary"><span class="ph-cc-ms-f-s-17 ph-cc-d-f-s-17 ph-cc-t-f-s-16 ph-cc-m-f-s-16">Please be aware of recruitment scams by individuals posing as employers and encouraging candidates to apply for, interview and/or accept nonexistent job opportunities as a means to solicit personal information or money.</span></span></span></p></ppc-content> </span> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-4687664486819623-25"> <ppc-container component-content-key="header-block-primary-action-link" class="header-block-primary-action-link secondary-button button-lg ph-icon-hide element-right" data-ph-cid="header-block-primary-action-link1" data-ph-id="ph-widget-element-4687664486819623-26"> <a ph-href="recruitment-scams" key-ph-href="fF51JR-Ag8ukS-ph-hero-content-cc-slider-view1-option1-savedView-1697627314816-savedView-1664399054943-header-block-primary-action-link-href" title="See more" key-title="fF51JR-Ag8ukS-ph-hero-content-cc-slider-view1-option1-savedView-1697627314816-savedView-1664399054943-header-block-primary-action-link-title-text" class="action-link" key-aria-label="fF51JR-Ag8ukS-ph-hero-content-cc-slider-view1-option1-savedView-1697627314816-savedView-1664399054943-header-block-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="Ag8ukS" data-ph-id="ph-widget-element-4687664486819623-27" ph-external-link-enabled="one-trust-disabled"> <ppc-content key="fF51JR-t0Ew0Z-ph-hero-content-cc-slider-view1-option1-savedView-1697627314816-savedView-1664399054943-header-block-primary-action-link-text" instance-id="t0Ew0Z" data-ph-id="ph-widget-element-4687664486819623-28"><div><span style="font-family:Beatrice-Thin;"><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">Learn More</span></span></div> </ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-4687664486819623-31"></i> </a> </ppc-container> </div> </div> </div> <div class="ph-container-content-block ph-static-slider" data-ph-id="ph-widget-element-4687664486819623-32"> <div ph-card-slider-v1="" class="ph-slider-container ph-card-container stackable" data-widget-attr="ph-card-slider-v1" pha-phslide-accessibility="false" pha-phslide-use-transform="false" pha-phslide-autoplay="true" data-cards-per-row="one" pha-phslide-autoplay-speed="3000" data-ph-id="ph-widget-element-4687664486819623-33"><div class="ph-card" card-name="ph-hero-content-cc-view1" ph-slide-num="1" data-ph-id="ph-widget-element-4687664486819623-252"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-4687664486819623-253"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-4687664486819623-254"> <figure class="image" role="presentation" key-role="fF51JR-3e7xDx-ph-hero-content-cc-slider-view1-option1-savedView-1697627314816-savedView-1664399054943-presentationRole" instance-id="3e7xDx" data-ph-id="ph-widget-element-4687664486819623-255"> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4687664486819623-261"> </div> </div> </div> </div></div> </div> </div> </div> </div></section><section class="ph-widget" instance-id="ai8eoj" view="ai8eoj-default" original-view="default" data-ph-id="ph-page-element-page1-lWThke"> <div class="ph-find-your-fit-container-v1-default-default ph-widget-target" as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" instance-id="ai8eoj" view="default-1614937700659" original-view="default" data-ph-id="ph-page-element-page1-WueG9W"></div> </section> <!--profile recom jobs--> <section class="ph-widget" instance-id="c1ykg4" view="c1ykg4-default" original-view="default" data-ph-id="ph-page-element-page1-o3hTmV"> <div class="ph-profile-recommendations-v2-default-theme26 ph-widget-target" data-widget="ph-profile-recommendations-v2" theme="theme26" max-display-count="5" jobs-display-mode="seeMore" instance-id="c1ykg4" view="default-1603775874949" original-view="default" data-ph-id="ph-page-element-page1-2d5HON" click-tojd="false" job-fields="[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"","displayType":"modal"},"checked":true},{"name":"business","display_name":"Business","settings":{"label":false,"icon":""},"checked":true},{"name":"type","display_name":"type","settings":{"label":false,"icon":""},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":""},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":""},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}]" job-actions="[{"name":"addToCart","display_name":"Save Job","settings":{"label":true,"icon":"icon-star-empty","activeicon":"icon-star"},"checked":true}]" as-element="ph-profile-recommendations-v2"></div> </section> <!-- media card --> <!--category--> <!--recom job histroy--> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page1-2AN9lh" view="1547403907239-default" original-view="default" instance-id="Cy97Rf" theme="default"><div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page1-v3lrWI" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1547403907239-default" original-view="default" theme="default" instance-id="Cy97Rf"></div></section><section class="ph-paragraph-cc-view1-option1-theme1 ph-widget" type="static" view="1664400452569-paragraph-cc-view1-option1-savedView-1664293830954" original-view="ph-paragraph-cc-view1-option1" theme="theme1" instance-id="2R7AEF" data-ph-id="-1664400452336"><div class="ph-paragraph-cc-view1-option1-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1664400452569-paragraph-cc-view1-option1-savedView-1664293830954" original-view="ph-paragraph-cc-view1-option1" theme="theme1" ph-removed="true" data-ph-id="-1664400452336-1" instance-id="2R7AEF"><div class="ph-component-cntr ph-widget-box" default-cards-count="1" max-allowed-cards="4" style="background-image: url("https://cdn.phenompeople.com/CareerConnectResources/pp/WAMEGLOBAL/images/Artboard19-1652212601035.png"); background-size: contain; background-color: rgb(4, 0, 109); background-repeat: no-repeat; background-position: 100% 0%;" data-ph-id="ph-widget-element-1664400452569-2"> <div class="inner-container" data-ph-id="ph-widget-element-1664400452569-3"> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1664400452569-4"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-1664400452569-5"> <div class="ph-card" card-name="ph-paragraph-cc-view1" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1664400452569-6"> <div class="ph-paragraph-cc-view1 ph-card-block" data-ph-at-id="ph-paragraph-cc-view1" data-ph-id="ph-widget-element-1664400452569-7"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1664400452569-8"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1664400452569-9"> <div class="content" ph-card-block-num="1" data-ph-id="ph-widget-element-1664400452569-10"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1664400452569-11"> <span class="description-block" data-ph-id="ph-widget-element-1664400452569-12"> <ppc-content key="2R7AEF-kaMWco-ph-paragraph-cc-view1-option1-savedView-1664293830954-description-text" data-ph-at-id="description-text" instance-id="kaMWco" data-ph-id="ph-widget-element-1664400452569-13"><div style="text-align: left;"><p style="text-align: center;"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5"><span class="ph-cc-ms-f-s-21 ph-cc-d-f-s-21 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;"><span class="brand-color-secondary"><span style="color:rgba(255, 194, 0, 1);"><span class="ph-cc-ms-f-s-21 ph-cc-d-f-s-21 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:Beatrice-Bold;"><span class="ph-cc-ms-f-s-65 ph-cc-d-f-s-65 ph-cc-t-f-s-39 ph-cc-m-f-s-26">Our Company </span></span></span></span></span></span></span></p><p><br /><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5"><span class="ph-cc-ms-f-s-21 ph-cc-d-f-s-21 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;"><span class="brand-color-secondary"><span class="ph-cc-ms-f-s-22 ph-cc-d-f-s-22 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span><span style="font-family:Beatrice-Medium;">Warner Bros. Discovery is a premier global media and entertainment company, offering audiences the world’s most differentiated and complete portfolio of content, brands and franchises across television, film, sports, news, streaming and gaming. We're home to the world’s best storytellers, creating world-class products for consumers.</span></span></span></span></span></span></p><p><br /></p><p><span class="ph-cc-ms-f-s-22 ph-cc-d-f-s-22 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5"><span style="line-height: inherit !important; display: inherit;"><span class="brand-color-secondary"><span style="font-family:Beatrice-Medium;">WBD is bringing together the scripted and the unscripted, the local and the global, the timely and the timeless. Taking the world’s greatest possibilities and making them a reality. Creating impact, inspiring imagination, and building connections. Here you can succeed, here you are supported, here you are celebrated.</span></span></span></span></span></span></p></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ph-hero-block-cc-view13-option1-theme1 ph-widget" type="static" view="1664400591071-hero-block-cc-view13-option1-savedView-1664293855194" original-view="ph-hero-block-cc-view13-option1" theme="theme1" instance-id="x79Jmg" data-ph-id="-1664400590834"><div class="ph-hero-block-cc-view13-option1-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1664400591071-hero-block-cc-view13-option1-savedView-1664293855194" original-view="ph-hero-block-cc-view13-option1" theme="theme1" ph-removed="true" data-ph-id="-1664400590834-1" instance-id="x79Jmg"><div class="ph-component-cntr ph-widget-box ph-uJUMZ-bg" role="main" key-role="x79Jmg-Da6gEv-ph-hero-block-cc-view13-option1-savedView-1664293855194-regionRole" instance-id="Da6gEv" data-ph-id="ph-widget-element-1664400591071-2"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="x79Jmg-vknQ5L-ph-hero-block-cc-view13-option1-savedView-1664293855194-listRole" instance-id="vknQ5L" data-ph-id="ph-widget-element-1664400591071-3"> <div card-name="ph-hero-block-cc-view12" class="ph-card" key-role="x79Jmg-DokCxq-ph-hero-block-cc-view13-option1-savedView-1664293855194-listItemRole" instance-id="DokCxq" data-ph-id="ph-widget-element-1664400591071-4"> <div class="ph-hero-block-cc-view12 ph-card-block" data-ph-at-id="ph-hero-block-cc-view12" data-ph-id="ph-widget-element-1664400591071-5"> <ppc-container component-content-key="background-video" class="ph-video" data-ph-cid="background-video1" data-ph-id="ph-widget-element-1664400591071-6"> <div class="video" ph-video-v1="video" pha-video-url="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/videos/LogoScrollv3-1684860062846.mp4" pha-autoplay="1" pha-loop="1" pha-controls="0" pha-volume="0" pha-preload="1" pha-video-id="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/videos/LogoScrollv3-1684860062846.mp4" pha-partner-id="null" pha-entry-id="null" ph-cms-video-gallery-link="true" data-gallery-video-provider="video" alt="WBD Logo Scroll " data-ph-id="ph-widget-element-1664400591071-7"></div> </ppc-container> <div class="inner-container" data-ph-id="ph-widget-element-1664400591071-8"> <div class="global-search-block" data-ph-id="ph-widget-element-1664400591071-9"> </div> </div> </div> </div> </div> </div></div></section><section class="ph-video-popup-media-large-cc-view1-option1-theme1 ph-widget" type="static" view="1664400649321-video-popup-media-large-cc-view1-option1-savedView-1664293877193" original-view="ph-video-popup-media-large-cc-view1-option1" theme="theme1" instance-id="xobRpa" data-ph-id="-1664400649095"><div class="ph-video-popup-media-large-cc-view1-option1-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1664400649321-video-popup-media-large-cc-view1-option1-savedView-1664293877193" original-view="ph-video-popup-media-large-cc-view1-option1" theme="theme1" ph-removed="true" data-ph-id="-1664400649095-1" instance-id="xobRpa"><div class="ph-component-cntr ph-widget-box header-center" max-allowed-cards="4" style="background-color: rgb(255, 194, 0);" data-ph-id="ph-widget-element-1664400649321-2"> <div class="inner-container ph-cc-d-p-t-40 ph-cc-d-p-b-40" data-ph-id="ph-widget-element-1664400649321-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1664400649321-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-1664400649321-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1664400649321-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-1664400649321-7"> <h2 data-ph-id="ph-widget-element-1664400649321-8"> <ppc-content key="xobRpa-APbOIR-ph-video-popup-media-large-cc-view1-option1-savedView-1664293877193-savedView-1635978533502-savedView-1614110180000-savedView-1614093923357-savedView-1612473299063-h2-heading-title-text" class="ppc-text ppc-content" instance-id="APbOIR" data-ph-id="ph-widget-element-1664400649321-9"><div data-ph-id="ph-widget-element-1664400649321-10"><span style="font-family:Beatrice-Bold;"><span data-ph-id="ph-widget-element-1664400649321-11" style="color:rgba(4, 0, 108, 1);"><span class="ph-cc-ms-f-s-65 ph-cc-d-f-s-65 ph-cc-t-f-s-39 ph-cc-m-f-s-26" data-ph-id="ph-widget-element-1664400649321-12"><span>Explore Warner Bros. Discovery</span></span></span></span></div></ppc-content> </h2> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1664400649321-17"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1664400649321-22"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-1664400649321-23"> <div class="ph-card" card-name="ph-video-popup-cc-view1" card-layout="ph-layout-h" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1664400649321-24"> <div class="ph-layout-h ph-video-popup-cc-view1 ph-card-block" data-ph-at-id="ph-video-popup-cc-view1" data-ph-id="ph-widget-element-1664400649321-25"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1664400649321-26"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1664400649321-27"> <div class="media" ph-card-block-num="1" data-ph-id="ph-widget-element-1664400649321-28"> <figure class="image" data-ph-id="ph-widget-element-1664400649321-29"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1664400649321-30"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-1664400649321-31"><img key-src="xobRpa-PeCIuD-ph-video-popup-media-large-cc-view1-option1-savedView-1664293877193-savedView-1635978533502-savedView-1614110180000-savedView-1614093923357-savedView-1612473299063-image-src" alt="WBD logo" key-alt="xobRpa-PeCIuD-ph-video-popup-media-large-cc-view1-option1-savedView-1664293877193-savedView-1635978533502-savedView-1614110180000-savedView-1614093923357-savedView-1612473299063-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="354" loading="lazy" instance-id="PeCIuD" data-ph-id="ph-widget-element-1664400649321-32" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/SizzleThumbnail-1660251417447.png" /></ppc-content> </ppc-container> </figure> <div class="video-popup-block" ph-media-gallery-v1="" data-widget-attr="ph-media-gallery-v1" data-ph-id="ph-widget-element-1664400649321-33"> <ppc-container component-content-key="video-popup" class="video-popup" data-ph-cid="video-popup1" style="border-style: dashed; border-width: 0px; border-color: rgb(57, 57, 57);" data-ph-id="ph-widget-element-1664400649321-34"> <button style="background-color: transparent; border: none;" class="ph-gallery-item-link popup-static-block" aria-label="click here to play video in popup" key-aria-label="xobRpa-JML1ji-ph-video-popup-media-large-cc-view1-option1-savedView-1664293877193-savedView-1635978533502-savedView-1614110180000-savedView-1614093923357-savedView-1612473299063-play-button-aria-label" ph-tevent="static_content_click" data-item-id="0" instance-id="JML1ji" data-ph-id="ph-widget-element-1664400649321-35"> <figure class="image" data-ph-id="ph-widget-element-1664400649321-36"> <span class="set-seting" data-ph-id="ph-widget-element-1664400649321-37"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-1664400649321-38"><img key-src="xobRpa-kO8IhO-ph-video-popup-media-large-cc-view1-option1-savedView-1664293877193-savedView-1635978533502-savedView-1614110180000-savedView-1614093923357-savedView-1612473299063-play-button" alt="" key-alt="xobRpa-kO8IhO-ph-video-popup-media-large-cc-view1-option1-savedView-1664293877193-savedView-1635978533502-savedView-1614110180000-savedView-1614093923357-savedView-1612473299063-play-button-alt-text" class="ph-gallery-item" data-gallery-item-type="video" data-gallery-video-provider="youtube" data-widget-ref="ph-video-v1" pha-video-id="-BWYoHNYPSk" pha-autoplay="1" data-item-id="0" pha-partner-id="null" pha-entry-id="null" ph-cms-video-gallery-link="false" loading="lazy" pha-volume="0" instance-id="kO8IhO" data-ph-id="ph-widget-element-1664400649321-39" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/WhitePlayIconButtonwithShadow-1660258776694.png" /></ppc-content> </span> <figcaption data-ph-id="ph-widget-element-1664400649321-40"> <span data-ph-id="ph-widget-element-1664400649321-41"> <ppc-content key="xobRpa-5Nk3Zu-ph-video-popup-media-large-cc-view1-option1-savedView-1664293877193-savedView-1635978533502-savedView-1614110180000-savedView-1614093923357-savedView-1612473299063-play-button-text1" class="ppc-text ppc-content" instance-id="5Nk3Zu" data-ph-id="ph-widget-element-1664400649321-42"> Watch </ppc-content> </span> <span data-ph-id="ph-widget-element-1664400649321-43"> <ppc-content key="xobRpa-YwTH2K-ph-video-popup-media-large-cc-view1-option1-savedView-1664293877193-savedView-1635978533502-savedView-1614110180000-savedView-1614093923357-savedView-1612473299063-play-button-text2" class="ppc-text ppc-content" instance-id="YwTH2K" data-ph-id="ph-widget-element-1664400649321-44"> the video </ppc-content> </span> </figcaption> </figure> </button> </ppc-container> <ppc-container component-content-key="popup-container" data-ph-id="ph-widget-element-1664400649321-45"> <div class="popup-container hide" role="dialog" data-ph-id="ph-widget-element-1664400649321-46"> <div class="popup-modal-backdrop" data-ph-id="ph-widget-element-1664400649321-47"> <div class="modal fade in show" data-ph-id="ph-widget-element-1664400649321-48"> <div class="modal-dialog" data-ph-id="ph-widget-element-1664400649321-49"> <button class="ph-gallery-close close" type="button" data-ph-at-id="close-the-popup-button" data-ph-id="ph-widget-element-1664400649321-50"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-1664400649321-51"></i> <span class="sr-only" data-ph-id="ph-widget-element-1664400649321-52"> <ppc-content key="xobRpa-nBcP8h-ph-video-popup-media-large-cc-view1-option1-savedView-1664293877193-savedView-1635978533502-savedView-1614110180000-savedView-1614093923357-savedView-1612473299063-closePopupText" data-ph-at-id="close-the-popup-text" class="ppc-text ppc-content" instance-id="nBcP8h" data-ph-id="ph-widget-element-1664400649321-53"> Close the popup </ppc-content> </span> </button> <div class="modal-content" data-ph-id="ph-widget-element-1664400649321-54"> <div ph-card-slider-v1="" pha-phslid-autoplay="true" pha-phslide-dots="true" pha-phslid-lazy-load="progressive" pha-load-on-event="true" class="ph-gallery-container ph-slider-container ph-slide-loader" data-ph-id="ph-widget-element-1664400649321-55"><div class="ph-gallery-item-container" data-ph-id="ph-widget-element-1664400649321-56"></div></div> </div> </div> </div> </div> </div> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div></section><section class="ph-widget" instance-id="23c11d" view="23c11d-default" original-view="default" data-ph-id="ph-page-element-page1-0nSHWI"> <div class="ph-recom-jobs-browsing-history-v3-default-theme26 ph-widget-target" data-widget="ph-recom-jobs-browsing-history-v3" theme="theme26" jobs-display-mode="seeMore" max-display-count="6" instance-id="23c11d" view="default-1603775832384" original-view="default" data-ph-id="ph-page-element-page1-Gp1GWM" click-tojd="false" job-fields="[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":""},"checked":true},{"name":"business","display_name":"Business","settings":{"label":false,"icon":""},"checked":true},{"name":"type","display_name":"type","settings":{"label":false,"icon":""},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":""},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":""},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}]" as-element="ph-recom-jobs-browsing-history-v3"></div> </section><section class="ph-hero-content-cc-slider-view1-option1-theme1 ph-widget" type="static" view="1664400667446-hero-content-cc-slider-view1-option1-savedView-1664399054943" original-view="ph-hero-content-cc-slider-view1-option1" theme="theme1" instance-id="h7aJzo" data-ph-id="-1664400667213"><div class="ph-hero-content-cc-slider-view1-option1-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1664400667446-hero-content-cc-slider-view1-option1-savedView-1664399054943" original-view="ph-hero-content-cc-slider-view1-option1" theme="theme1" ph-removed="true" data-ph-id="-1664400667213-1" instance-id="h7aJzo"><div class="ph-component-cntr ph-widget-box" style="background-image: url("https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/careers-background-1652212776043.jpg"); background-size: cover;" data-ph-id="ph-widget-element-1664400667446-2"> <div class="inner-container ph-fluid-container" data-ph-id="ph-widget-element-1664400667446-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1664400667446-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-1664400667446-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1664400667446-6"> <ppc-container component-content-key="h2-heading" class="heading-two ph-cc-d-p-t-30" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-1664400667446-7"> <h2 data-ph-id="ph-widget-element-1664400667446-8"> <ppc-content key="h7aJzo-7j5ELP-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-h2-heading-title-text" instance-id="7j5ELP" data-ph-id="ph-widget-element-1664400667446-9"><div><span style="font-family:Beatrice-Bold;"><span style="color:rgba(0, 224, 255, 1);" data-ph-id="ph-widget-element-1664400667446-11"><span class="ph-cc-ms-f-s-65 ph-cc-d-f-s-65 ph-cc-t-f-s-39 ph-cc-m-f-s-26" data-ph-id="ph-widget-element-1664400667446-12"><span data-ph-id="ph-widget-element-1664400667446-13">Home To The World's Best Storytellers</span></span></span></span></div></ppc-content> </h2> </ppc-container> <ppc-container component-content-key="header-block-sub-content" class="sub-content" data-ph-cid="header-block-sub-content1" data-ph-id="ph-widget-element-1664400667446-14"> <span class="sub-content-block" data-ph-id="ph-widget-element-1664400667446-15"> <ppc-content key="h7aJzo-2PAnmT-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-header-block-sub-content-text" instance-id="2PAnmT" data-ph-id="ph-widget-element-1664400667446-16"><p><span class="ph-cc-ms-f-s-22 ph-cc-d-f-s-22 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span class="brand-color-secondary" data-ph-id="ph-widget-element-1664400667446-18"><span data-ph-id="ph-widget-element-1664400667446-19"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5" data-ph-id="ph-widget-element-1664400667446-20"><span style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-1664400667446-21"><span style="font-family:Beatrice-Medium;" data-ph-id="ph-widget-element-1664400667446-22">With offices in 30 regions, Warner Bros. Discovery hires talent across the globe and offers career-defining positions, carefully curated benefits, and the tools to realize your best self. Every great story has a new beginning. Where will yours take you?</span></span></span></span></span><br /></span><br /></p></ppc-content> </span> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1664400667446-25"> <ppc-container component-content-key="header-block-primary-action-link" class="header-block-primary-action-link secondary-button button-lg" data-ph-cid="header-block-primary-action-link1" data-ph-id="ph-widget-element-1664400667446-26"> <a ph-href="search-results" key-ph-href="h7aJzo-Km7Tdd-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-header-block-primary-action-link-href" title="See more" key-title="h7aJzo-Km7Tdd-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-header-block-primary-action-link-title-text" class="action-link" key-aria-label="h7aJzo-Km7Tdd-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-header-block-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="Km7Tdd" data-ph-id="ph-widget-element-1664400667446-27"> <ppc-content key="h7aJzo-lL0U2Z-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-header-block-primary-action-link-text" instance-id="lL0U2Z" data-ph-id="ph-widget-element-1664400667446-28"><div><span style="font-family:Beatrice-Regular;">Search All Jobs</span></div></ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-1664400667446-29"></i> </a> </ppc-container> </div> </div> </div> <div class="ph-container-content-block ph-static-slider" data-ph-id="ph-widget-element-1664400667446-30"> <div ph-card-slider-v1="" class="ph-slider-container ph-card-container stackable" data-widget-attr="ph-card-slider-v1" pha-phslide-accessibility="false" pha-phslide-use-transform="false" pha-phslide-autoplay="true" data-cards-per-row="one" pha-phslide-autoplay-speed="3000" data-ph-id="ph-widget-element-1664400667446-31"><div class="ph-card" card-name="ph-hero-content-cc-view1" ph-slide-num="1" data-ph-id="ph-widget-element-1664400667446-32"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-1664400667446-33"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-1664400667446-34"> <figure class="image" role="presentation" key-role="h7aJzo-3V9GxZ-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-presentationRole" instance-id="3V9GxZ" data-ph-id="ph-widget-element-1664400667446-35"> <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1664400667446-36"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1664400667446-37"> <img key-src="h7aJzo-ttiApF-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-src" alt="The reception at the global headquarters in New York, featuring a washed out brick wall with the WBD logo, next to a wall of green plants." key-alt="h7aJzo-ttiApF-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="714" crop-size="fit" instance-id="ttiApF" data-ph-id="ph-widget-element-1664400667446-38" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/GHQ1920x700-1661976603304.png" /> </ppc-content> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1664400667446-41"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1664400667446-48"> <span class="description-block" data-ph-id="ph-widget-element-1664400667446-49"> <ppc-content key="h7aJzo-zGl9NQ-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-description-text" data-ph-at-id="description-text" instance-id="zGl9NQ" data-ph-id="ph-widget-element-1664400667446-50"><div style="text-align: left;" data-ph-id="ph-widget-element-1664400667446-51"><span class="brand-color-secondary" data-ph-id="ph-widget-element-1664400667446-52"><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-1664400667446-53"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5" data-ph-id="ph-widget-element-1664400667446-54"><span style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-1664400667446-55"><span style="font-family:Beatrice-Medium;" data-ph-id="ph-widget-element-1664400667446-56">Global Headquarters | New York, NY</span></span></span></span></span></div> </ppc-content> </span> </ppc-container> </div> </div> </div> </div><div class="ph-card" card-name="ph-hero-content-cc-view1" ph-slide-num="2" data-ph-id="ph-widget-element-1664400667446-62"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-1664400667446-63"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-1664400667446-64"> <figure class="image" role="presentation" key-role="h7aJzo-Mp9gVv-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-presentationRole" instance-id="Mp9gVv" data-ph-id="ph-widget-element-1664400667446-65"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-responsive ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1664400667446-66"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1664400667446-67"> <img key-src="h7aJzo-xt1WOI-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-src" alt="The Mansion, a colonial building with white and pillars and red brick on the Techwood campus in Atlanta, Georgia" key-alt="h7aJzo-xt1WOI-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="714" crop-size="fit" instance-id="xt1WOI" data-ph-id="ph-widget-element-1664400667446-68" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/Techwood1920x700-1661468064974.png" /> </ppc-content> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1664400667446-71"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1664400667446-82"> <span class="description-block" data-ph-id="ph-widget-element-1664400667446-83"> <ppc-content key="h7aJzo-Y6947L-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-description-text" data-ph-at-id="description-text" instance-id="Y6947L" data-ph-id="ph-widget-element-1664400667446-84"><p style="text-align: left;" data-ph-id="ph-widget-element-1664400667446-85"><br data-ph-id="ph-widget-element-1664400667446-86" /><span class="brand-color-secondary" data-ph-id="ph-widget-element-1664400667446-87"><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-1664400667446-88"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5" data-ph-id="ph-widget-element-1664400667446-89"><span style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-1664400667446-90"><span style="font-family:Beatrice-Medium;" data-ph-id="ph-widget-element-1664400667446-91">Techwood Campus | Atlanta, GA</span></span></span></span></span><br /></p></ppc-content> </span> </ppc-container> </div> </div> </div> </div><div class="ph-card" card-name="ph-hero-content-cc-view1" ph-slide-num="3" data-ph-id="ph-widget-element-1664400667446-97"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-1664400667446-98"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-1664400667446-99"> <figure class="image" role="presentation" key-role="h7aJzo-65fLUt-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-presentationRole" instance-id="65fLUt" data-ph-id="ph-widget-element-1664400667446-100"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1664400667446-101"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1664400667446-102"> <img key-src="h7aJzo-SeSU2l-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-src" alt="The Warner Bros. Studios water tower set against a blue sky and rolling green hills" key-alt="h7aJzo-SeSU2l-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="714" instance-id="SeSU2l" data-ph-id="ph-widget-element-1664400667446-103" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/WBLot1920x700-1661468285188.png" /> </ppc-content> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1664400667446-106"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1664400667446-113"> <span class="description-block" data-ph-id="ph-widget-element-1664400667446-114"> <ppc-content key="h7aJzo-i5ewZ3-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-description-text" data-ph-at-id="description-text" instance-id="i5ewZ3" data-ph-id="ph-widget-element-1664400667446-115"><div style="text-align: left;" data-ph-id="ph-widget-element-1664400667446-116"><span class="brand-color-secondary" data-ph-id="ph-widget-element-1664400667446-117"><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-1664400667446-118"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5" data-ph-id="ph-widget-element-1664400667446-119"><span style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-1664400667446-120"><span style="font-family:Beatrice-Medium;" data-ph-id="ph-widget-element-1664400667446-121">Warner Bros. Studio Lot | Burbank, CA</span></span></span></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div><div class="ph-card" card-name="ph-hero-content-cc-view1" ph-slide-num="4" data-ph-id="ph-widget-element-1664400667446-127"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-1664400667446-128"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-1664400667446-129"> <figure class="image" role="presentation" key-role="h7aJzo-ELqYzz-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-presentationRole" instance-id="ELqYzz" data-ph-id="ph-widget-element-1664400667446-130"> <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1664400667446-131"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1664400667446-132"> <img key-src="h7aJzo-90b87B-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-src" alt="Fun space featuring foosball table, booth seating, lounge area in Oslo, Norway office" key-alt="h7aJzo-90b87B-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="714" crop-size="fit" instance-id="90b87B" data-ph-id="ph-widget-element-1664400667446-133" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/Oslo1920x700-1661976444850.png" /> </ppc-content> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1664400667446-136"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1664400667446-143"> <span class="description-block" data-ph-id="ph-widget-element-1664400667446-144"> <ppc-content key="h7aJzo-qg8iuz-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-description-text" data-ph-at-id="description-text" instance-id="qg8iuz" data-ph-id="ph-widget-element-1664400667446-145"><div style="text-align: left;" data-ph-id="ph-widget-element-1664400667446-146"><span class="brand-color-secondary" data-ph-id="ph-widget-element-1664400667446-147"><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-1664400667446-148"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5" data-ph-id="ph-widget-element-1664400667446-149"><span style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-1664400667446-150"><span style="font-family:Beatrice-Medium;" data-ph-id="ph-widget-element-1664400667446-151">Nydalen Office | Oslo, NO</span></span></span></span></span></div> </ppc-content> </span> </ppc-container> </div> </div> </div> </div><div class="ph-card" card-name="ph-hero-content-cc-view1" ph-slide-num="5" data-ph-id="ph-widget-element-1664400667446-157"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-1664400667446-158"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-1664400667446-159"> <figure class="image" role="presentation" key-role="h7aJzo-Q9QzCd-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-presentationRole" instance-id="Q9QzCd" data-ph-id="ph-widget-element-1664400667446-160"> <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1664400667446-161"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1664400667446-162"> <img key-src="h7aJzo-s41fi2-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-src" alt="img1" key-alt="h7aJzo-s41fi2-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="714" crop-size="fit" instance-id="s41fi2" data-ph-id="ph-widget-element-1664400667446-163" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/IvyStation1920x700-1661467752487.png" /> </ppc-content> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1664400667446-166"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1664400667446-173"> <span class="description-block" data-ph-id="ph-widget-element-1664400667446-174"> <ppc-content key="h7aJzo-GiYpoE-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-description-text" data-ph-at-id="description-text" instance-id="GiYpoE" data-ph-id="ph-widget-element-1664400667446-175"><div style="text-align: left;" data-ph-id="ph-widget-element-1664400667446-176"><span class="brand-color-secondary" data-ph-id="ph-widget-element-1664400667446-177"><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-1664400667446-178"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5" data-ph-id="ph-widget-element-1664400667446-179"><span style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-1664400667446-180"><span style="font-family:Beatrice-Medium;" data-ph-id="ph-widget-element-1664400667446-181">Ivy Station | Culver City, CA</span></span></span></span></span></div> </ppc-content> </span> </ppc-container> </div> </div> </div> </div><div class="ph-card" card-name="ph-hero-content-cc-view1" ph-slide-num="6" data-ph-id="ph-widget-element-1664400667446-187"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-1664400667446-188"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-1664400667446-189"> <figure class="image" role="presentation" key-role="h7aJzo-sTIAfB-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-presentationRole" instance-id="sTIAfB" data-ph-id="ph-widget-element-1664400667446-190"> <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1664400667446-191"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1664400667446-192"> <img key-src="h7aJzo-yByCMg-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-src" alt="A view looking up at the towering Hudson Yards building set against a blue sky" key-alt="h7aJzo-yByCMg-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="714" crop-size="fit" instance-id="yByCMg" data-ph-id="ph-widget-element-1664400667446-193" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/HY1920x700-1661468915129.png" /> </ppc-content> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1664400667446-196"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1664400667446-207"> <span class="description-block" data-ph-id="ph-widget-element-1664400667446-208"> <ppc-content key="h7aJzo-E7eGGa-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-description-text" data-ph-at-id="description-text" instance-id="E7eGGa" data-ph-id="ph-widget-element-1664400667446-209"><p style="text-align: left;" data-ph-id="ph-widget-element-1664400667446-210"><span class="brand-color-secondary" data-ph-id="ph-widget-element-1664400667446-211"><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-1664400667446-212"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5" data-ph-id="ph-widget-element-1664400667446-213"><span style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-1664400667446-214"><span style="font-family:Beatrice-Medium;" data-ph-id="ph-widget-element-1664400667446-215">Hudson Yards | New York, NY</span></span></span></span></span></p> </ppc-content> </span> </ppc-container> </div> </div> </div> </div><div class="ph-card" card-name="ph-hero-content-cc-view1" ph-slide-num="8" data-ph-id="ph-widget-element-1664400667446-221"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-1664400667446-222"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-1664400667446-223"> <figure class="image" role="presentation" key-role="h7aJzo-TJPxma-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-presentationRole" instance-id="TJPxma" data-ph-id="ph-widget-element-1664400667446-224"> <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1664400667446-225"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1664400667446-226"> <img key-src="h7aJzo-UHjEoJ-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-src" alt="A large metal-hewn sign featuring the Warner Bros. logo and surrounded by colorful landscaping at the entrance of Warner Bros. Studios Leavesden" key-alt="h7aJzo-UHjEoJ-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="714" crop-size="fit" instance-id="UHjEoJ" data-ph-id="ph-widget-element-1664400667446-227" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/WBSL1920x700-1661468269878.png" /> </ppc-content> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1664400667446-230"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1664400667446-237"> <span class="description-block" data-ph-id="ph-widget-element-1664400667446-238"> <ppc-content key="h7aJzo-5CpQCs-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-description-text" data-ph-at-id="description-text" instance-id="5CpQCs" data-ph-id="ph-widget-element-1664400667446-239"><div style="text-align: left;" data-ph-id="ph-widget-element-1664400667446-240"><span class="brand-color-secondary" data-ph-id="ph-widget-element-1664400667446-241"><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-1664400667446-242"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5" data-ph-id="ph-widget-element-1664400667446-243"><span style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-1664400667446-244"><span style="font-family:Beatrice-Medium;" data-ph-id="ph-widget-element-1664400667446-245">Warner Bros. Studios Leavesden | Leavesden, UK</span></span></span></span></span></div> </ppc-content> </span> </ppc-container> </div> </div> </div> </div><div class="ph-card" card-name="ph-hero-content-cc-view1" ph-slide-num="7" data-ph-id="ph-widget-element-1664400667446-251"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-1664400667446-252"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-1664400667446-253"> <figure class="image" role="presentation" key-role="h7aJzo-2nPuFW-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-presentationRole" instance-id="2nPuFW" data-ph-id="ph-widget-element-1664400667446-254"> <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1664400667446-255"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1664400667446-256"> <img key-src="h7aJzo-Lkw2xs-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-src" alt="Knoxville office food court featuring a cafeteria with white subway tiles, large Food Network logo, and posters of Food Network programs" key-alt="h7aJzo-Lkw2xs-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="714" crop-size="fit" instance-id="Lkw2xs" data-ph-id="ph-widget-element-1664400667446-257" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/prod/WAMEGLOBAL/images/Knoxville1920x700-1661976601746.png" /> </ppc-content> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1664400667446-260"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1664400667446-267"> <span class="description-block" data-ph-id="ph-widget-element-1664400667446-268"> <ppc-content key="h7aJzo-lBacQ8-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-description-text" data-ph-at-id="description-text" instance-id="lBacQ8" data-ph-id="ph-widget-element-1664400667446-269"><div data-ph-id="ph-widget-element-1664400667446-270" style="text-align: left;"><span class="brand-color-secondary" data-ph-id="ph-widget-element-1664400667446-271"><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-1664400667446-272"><span class="ph-line-height-1_5" data-ph-id="ph-widget-element-1664400667446-273" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5"><span data-ph-id="ph-widget-element-1664400667446-274" style="line-height: inherit !important; display: inherit;"><span data-ph-id="ph-widget-element-1664400667446-275" style="font-family:Beatrice-Medium;">Knoxville | Tennessee, TN</span></span></span></span></span><br type="_moz" /></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div><div class="ph-card" card-name="ph-hero-content-cc-view1" ph-slide-num="8" instance-id="3CTDiA" data-ph-id="ph-widget-element-453819423386764-2"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-453819423386764-3"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-453819423386764-4"> <figure class="image" role="presentation" key-role="paiZrP-h7aJzo-3V9GxZ-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-presentationRole" instance-id="3V9GxZ" data-ph-id="ph-widget-element-453819423386764-5"> <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-453819423386764-6"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-453819423386764-7"> <img key-src="IQ0NH8-h7aJzo-ttiApF-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-src" alt="WBD Hyderabad Capabilities Center office. " key-alt="bL38qc-h7aJzo-ttiApF-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="714" crop-size="fit" instance-id="ttiApF" loading="lazy" data-ph-id="ph-widget-element-453819423386764-8" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/images/Hyderabadofficeslider-1705570694405.png" /> </ppc-content> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-453819423386764-11"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-453819423386764-18"> <span class="description-block" data-ph-id="ph-widget-element-453819423386764-19"> <ppc-content key="xRhqK3-h7aJzo-zGl9NQ-ph-hero-content-cc-slider-view1-option1-savedView-1664399054943-description-text" data-ph-at-id="description-text" instance-id="zGl9NQ" data-ph-id="ph-widget-element-453819423386764-20"><div style="text-align: left;"><span class="brand-color-secondary"><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5"><span style="line-height: inherit !important; display: inherit;"><span style="font-family:Beatrice-Medium;">Hyderabad Capabilities Center | Hyderabad, India</span></span></span></span></span></div> </ppc-content> </span> </ppc-container> </div> </div> </div> </div></div> </div> </div> </div> </div></section> <!--recently viewd jobs--> <section class="ph-media-large-img-left-cc-view1-option3-theme6 ph-widget" type="static" view="1724771224618-media-large-img-left-cc-view1-option3-savedView-1724770785358" original-view="ph-media-large-img-left-cc-view1-option3" theme="theme6" instance-id="thIzIA" data-ph-id="-1724771224338"><div class="ph-media-large-img-left-cc-view1-option3-theme6 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1724771224618-media-large-img-left-cc-view1-option3-savedView-1724770785358" original-view="ph-media-large-img-left-cc-view1-option3" theme="theme6" ph-removed="true" data-ph-id="-1724771224338-1" instance-id="thIzIA"><div class="ph-component-cntr ph-widget-box heading-block-hide header-left brand-color-secondary-bg" default-cards-count="1" style="background-position: 0% 0%;" data-ph-id="ph-widget-element-2704720524199428-2"> <div class="inner-container ph-cc-d-p-a-58" data-ph-id="ph-widget-element-2704720524199428-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-2704720524199428-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-2704720524199428-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-2704720524199428-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-2704720524199428-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-2704720524199428-18"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-2704720524199428-19"><div class="ph-card one" card-name="ph-media-large-img-left-cc-view1" card-layout="ph-layout-h" data-ph-card-block-alignment="h" card-container-style="background-image:'url()'" instance-id="VEL24q" data-ph-id="ph-widget-element-2704767352112533-2"> <div class="ph-card-block ph-media-large-img-left-cc-view1 ph-layout-h card-elems-left" data-ph-at-id="ph-media-large-img-left-cc-view1" style="" data-ph-id="ph-widget-element-2704767352112533-3"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-2704767352112533-4"> <div class="ph-col-8" ph-col-num="1" data-ph-id="ph-widget-element-2704767352112533-5"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" data-ph-id="ph-widget-element-2704767352112533-6"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-2704767352112533-7"> <span key-aria-level="iZBo3g-thIzIA-Tc8m4G-ph-media-large-img-left-cc-view1-option3-savedView-1724770785358-savedView-1622227865065-savedView-1612774608797-heading-text-aria-level" key-role="ttDgIS-thIzIA-Tc8m4G-ph-media-large-img-left-cc-view1-option3-savedView-1724770785358-savedView-1622227865065-savedView-1612774608797-heading-text-role" instance-id="Tc8m4G" data-ph-id="ph-widget-element-2704767352112533-8"> <ppc-content key="S1QNJJ-thIzIA-AicUAE-ph-media-large-img-left-cc-view1-option3-savedView-1724770785358-savedView-1622227865065-savedView-1612774608797-heading-text" data-ph-at-id="heading-text" class="ppc-text ppc-content" instance-id="AicUAE" data-ph-id="ph-widget-element-2704767352112533-9"><h1 data-ph-id="ph-widget-element-2704767352112533-10"><span class="ph-cc-ms-f-s-65 ph-cc-d-f-s-65 ph-cc-t-f-s-39 ph-cc-m-f-s-26" data-ph-id="ph-widget-element-2704767352112533-11"><span class="brand-color-primary" data-ph-id="ph-widget-element-2704767352112533-12">Join our Flex Talent Program</span></span><br type="_moz" /></h1></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description ph-lNCkZ" data-ph-cid="description1" data-ph-id="ph-widget-element-2704767352112533-13"> <span class="description-block" data-ph-id="ph-widget-element-2704767352112533-14"> <ppc-content key="346Ddz-thIzIA-8Fe38p-ph-media-large-img-left-cc-view1-option3-savedView-1724770785358-savedView-1622227865065-savedView-1612774608797-description-text" data-ph-at-id="description-text" class="ppc-text ppc-content" instance-id="8Fe38p" data-ph-id="ph-widget-element-2704767352112533-15"><div data-ph-id="ph-widget-element-2704767352112533-16"><span class="ph-cc-ms-f-s-22 ph-cc-d-f-s-22 ph-cc-t-f-s-16 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-2704767352112533-17"><span class="brand-color-primary" data-ph-id="ph-widget-element-2704767352112533-18"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5" data-ph-id="ph-widget-element-2704767352112533-19"><span style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-2704767352112533-20"><span style="font-family:Beatrice-Medium;" data-ph-id="ph-widget-element-2704767352112533-21">At Warner Bros. Discovery, we appreciate that careers are not one-size-fits-all. The Flex Talent Program, run by Allegis Global Solutions (AGS), is a great way to jump into a project for one of WBD's many brands and make an immediate impact. As an Agency Worker in the Flex Talent program, you will work alongside the WBD team, making valuable contributions to WBD's vast portfolio of iconic content and beloved brands.</span></span></span></span></span><br type="_moz" /></div><div data-ph-id="ph-widget-element-2704767352112533-22"><span class="ph-cc-ms-f-s-22 ph-cc-d-f-s-22 ph-cc-t-f-s-16 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-2704767352112533-23"><span class="brand-color-primary" data-ph-id="ph-widget-element-2704767352112533-24"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5" data-ph-id="ph-widget-element-2704767352112533-25"><span style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-2704767352112533-26"><span style="font-family:Beatrice-Medium;" data-ph-id="ph-widget-element-2704767352112533-27"> </span></span></span></span></span></div><div data-ph-id="ph-widget-element-2704767352112533-28"><span class="ph-cc-ms-f-s-22 ph-cc-d-f-s-22 ph-cc-t-f-s-16 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-2704767352112533-29"><span class="brand-color-primary" data-ph-id="ph-widget-element-2704767352112533-30"><span class="ph-line-height-1_5" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_5" data-ph-id="ph-widget-element-2704767352112533-31"><span style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-2704767352112533-32"><span style="font-family:Beatrice-Medium;" data-ph-id="ph-widget-element-2704767352112533-33">Step into a world where your career is part of a bigger story.</span></span></span></span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link secondary-button button-lg" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-2704767352112533-34"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-2704767352112533-35"> <a class="action-link" key-ph-href="iozTTN-thIzIA-9YtkEE-ph-media-large-img-left-cc-view1-option3-savedView-1724770785358-savedView-1622227865065-savedView-1612774608797-primary-link-href" title="" key-title="itHpHP-thIzIA-9YtkEE-ph-media-large-img-left-cc-view1-option3-savedView-1724770785358-savedView-1622227865065-savedView-1612774608797-primary-link-title-text" key-aria-label="Z5pyVo-thIzIA-9YtkEE-ph-media-large-img-left-cc-view1-option3-savedView-1724770785358-savedView-1622227865065-savedView-1612774608797-primary-link-aria-label-text" ph-tevent="static_content_click" data-ph-href="javascript:void(0)" ph-href="flex-talent-program" previous-z-index="" style="position: relative; pointer-events: all;" instance-id="9YtkEE" data-ph-id="ph-widget-element-2704767352112533-36"> <ppc-content key="9YKX98-thIzIA-Afejrw-ph-media-large-img-left-cc-view1-option3-savedView-1724770785358-savedView-1622227865065-savedView-1612774608797-primary-link-text" data-ph-at-id="link-text" class="ppc-text ppc-content" instance-id="Afejrw" data-ph-id="ph-widget-element-2704767352112533-37"><div data-ph-id="ph-widget-element-2704767352112533-38">Search Flex Talent Roles<br type="_moz" /></div></ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-2704767352112533-39"></i> </a> </div> </ppc-container> </div> </div> <div class="ph-col-4" ph-col-num="2" data-ph-id="ph-widget-element-2704767352112533-40" style="align-self:center;"> <div class="media" ph-card-block-num="1" data-ph-id="ph-widget-element-2704767352112533-41"> <figure class="image" data-ph-id="ph-widget-element-2704767352112533-42"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-responsive ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-2704767352112533-43"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-2704767352112533-44"><img key-src="dFpCzz-thIzIA-pQsiUm-ph-media-large-img-left-cc-view1-option3-savedView-1724770785358-savedView-1622227865065-savedView-1612774608797-image-src" alt="FlexTalent Logo" key-alt="uQw76S-thIzIA-pQsiUm-ph-media-large-img-left-cc-view1-option3-savedView-1724770785358-savedView-1622227865065-savedView-1612774608797-image-alt-text" unique-img="true" data-ph-cid="primary-image1" crop-size="fit" height-val="316" instance-id="pQsiUm" data-ph-id="ph-widget-element-2704767352112533-45" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/WAMEGLOBAL/images/WBDflexttalent-1718975235774.png" /></ppc-content> </ppc-container> </figure> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ph-widget" instance-id="qi5top" view="qi5top-default" original-view="default" data-ph-id="ph-page-element-page1-TMlahG"> <div class="ph-near-by-jobs-v2-default-theme26 ph-widget-target" data-widget="ph-near-by-jobs-v2" theme="theme26" jobs-display-mode="seeMore" max-display-count="6" instance-id="qi5top" view="default-1603775854835" original-view="default" data-ph-id="ph-page-element-page1-6ssTG4" click-tojd="false" job-fields="[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":""},"checked":true},{"name":"externalTeamName","display_name":"External Team Name","settings":{"label":false,"icon":""},"checked":true},{"name":"business","display_name":"Business","settings":{"label":false,"icon":""},"checked":true},{"name":"type","display_name":"type","settings":{"label":false,"icon":""},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":""},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":""},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}]" as-element="ph-near-by-jobs-v2"></div> </section> <!--nearbyjbs--> <!-- testimonials --> <!-- media card --> <!-- <section class="ph-widget ph-job-count-cc-view2-option1-theme2" type="static" view="ph-job-count-cc-view2-option1" theme="theme2" instance-id="uv53h2"></section> --> <!-- media card --> <pcs-widget data-ph-widget-id="1c0d513754c29bdf57f46c029c235bdb" panel-id="db6361a02e423741c52fe02164bc3f6f" data-ph-id="-1688562016844-1" instance-id="4gKxxlRk" data-ph-content-id="XEMLM0ue-k9kcnxvl"></pcs-widget><section class="ph-embedded-code-cc-view1-option4-theme1 ph-widget" type="static" view="1727174177608-embedded-code-cc-view1-option4-savedView-1726735940764" original-view="ph-embedded-code-cc-view1-option4" theme="theme1" instance-id="jUwfFH" data-ph-id="-1727174177233"><div class="ph-embedded-code-cc-view1-option4-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1727174177608-embedded-code-cc-view1-option4-savedView-1726735940764" original-view="ph-embedded-code-cc-view1-option4" theme="theme1" ph-removed="true" data-ph-id="-1727174177233-1" instance-id="jUwfFH"><div class="ph-component-cntr ph-widget-box brand-color-primary-bg heading-block-hide" max-allowed-cards="4" style="background-image: url(""); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;" data-ph-id="ph-widget-element-5107673521926793-2"> <div class="inner-container ph-cc-d-p-a-85 ph-cc-d-p-r-100 ph-cc-d-p-l-100 ph-cc-d-p-b-60" data-ph-id="ph-widget-element-5107673521926793-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5107673521926793-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-5107673521926793-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5107673521926793-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-5107673521926793-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5107673521926793-18"> <div class="ph-card-container stackable" role="list" data-ph-id="ph-widget-element-5107673521926793-19"> <div class="ph-card" card-name="ph-embedded-code-cc-view2" role="listitem" data-ph-id="ph-widget-element-5107673521926793-20"> <div class="ph-embedded-code-cc-view2 ph-card-block" style="" data-ph-id="ph-widget-element-5107673521926793-21"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-5107673521926793-22"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5107673521926793-23"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5107673521926793-24"> <figure class="image" data-ph-id="ph-widget-element-5107673521926793-25"> </figure> <ppc-container component-content-key="heading" class="header phs-heading1" data-ph-cid="heading1" data-ph-id="ph-widget-element-5107673521926793-29"> <span key-aria-level="jUwfFH-axu6MC-ph-embedded-code-cc-view1-option4-savedView-1726735940764-savedView-1664452389362-savedView-1644433766271-savedView-1644253783574-heading-text-aria-level" key-role="jUwfFH-axu6MC-ph-embedded-code-cc-view1-option4-savedView-1726735940764-savedView-1664452389362-savedView-1644433766271-savedView-1644253783574-heading-text-role" instance-id="axu6MC" data-ph-id="ph-widget-element-5107673521926793-30"> <ppc-content key="jUwfFH-ehiEA5-ph-embedded-code-cc-view1-option4-savedView-1726735940764-savedView-1664452389362-savedView-1644433766271-savedView-1644253783574-heading-text1" class="ppc-text ppc-content" instance-id="ehiEA5" data-ph-id="ph-widget-element-5107673521926793-31"><div><span class="ph-cc-ms-f-s-65 ph-cc-d-f-s-65 ph-cc-t-f-s-39 ph-cc-m-f-s-26"><span><span class="brand-color-secondary" data-ph-id="ph-widget-element-5107673521926793-34"><span data-ph-id="ph-widget-element-5107673521926793-35" style="font-family:Beatrice-Bold;"><span class="ph-line-height-1_1" data-ph-id="ph-widget-element-5107673521926793-36" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_1"><span data-ph-id="ph-widget-element-5107673521926793-37" style="line-height: inherit !important; display: inherit;">Connect with #WBDLife</span></span></span></span></span></span><br /><br /><br /></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-embedded-code-cc-view1" role="listitem" data-ph-id="ph-widget-element-5107673521926793-53"> <div class="ph-embedded-code-cc-view1 ph-card-block" data-ph-id="ph-widget-element-5107673521926793-54"> <ppc-container component-content-key="embedded-code" class="embedded-code" data-ph-cid="embedded-code1" data-ph-id="ph-widget-element-5107673521926793-55"> <div data-ph-id="ph-widget-element-5107673521926793-56"><blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/wbdlife/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);" data-ph-id="ph-widget-element-5107673521926793-57"><div style="padding:16px;" data-ph-id="ph-widget-element-5107673521926793-58"> <a href="https://www.instagram.com/wbdlife/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank" data-ph-id="ph-widget-element-5107673521926793-59"> <div style=" display: flex; flex-direction: row; align-items: center;" data-ph-id="ph-widget-element-5107673521926793-60"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;" data-ph-id="ph-widget-element-5107673521926793-61"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;" data-ph-id="ph-widget-element-5107673521926793-62"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;" data-ph-id="ph-widget-element-5107673521926793-63"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;" data-ph-id="ph-widget-element-5107673521926793-64"></div></div></div><div style="padding: 19% 0;" data-ph-id="ph-widget-element-5107673521926793-65"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;" data-ph-id="ph-widget-element-5107673521926793-66"><svg width="50px" height="50px" viewbox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" data-ph-id="ph-widget-element-5107673521926793-67"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" data-ph-id="ph-widget-element-5107673521926793-68"><g transform="translate(-511.000000, -20.000000)" fill="#000000" data-ph-id="ph-widget-element-5107673521926793-69"><g data-ph-id="ph-widget-element-5107673521926793-70"><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631" data-ph-id="ph-widget-element-5107673521926793-71"></path></g></g></g></svg></div><div style="padding-top: 8px;" data-ph-id="ph-widget-element-5107673521926793-72"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;" data-ph-id="ph-widget-element-5107673521926793-73">View this profile on Instagram</div></div><div style="padding: 12.5% 0;" data-ph-id="ph-widget-element-5107673521926793-74"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;" data-ph-id="ph-widget-element-5107673521926793-75"><div data-ph-id="ph-widget-element-5107673521926793-76"> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);" data-ph-id="ph-widget-element-5107673521926793-77"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;" data-ph-id="ph-widget-element-5107673521926793-78"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);" data-ph-id="ph-widget-element-5107673521926793-79"></div></div><div style="margin-left: 8px;" data-ph-id="ph-widget-element-5107673521926793-80"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;" data-ph-id="ph-widget-element-5107673521926793-81"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)" data-ph-id="ph-widget-element-5107673521926793-82"></div></div><div style="margin-left: auto;" data-ph-id="ph-widget-element-5107673521926793-83"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);" data-ph-id="ph-widget-element-5107673521926793-84"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);" data-ph-id="ph-widget-element-5107673521926793-85"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);" data-ph-id="ph-widget-element-5107673521926793-86"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;" data-ph-id="ph-widget-element-5107673521926793-87"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;" data-ph-id="ph-widget-element-5107673521926793-88"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;" data-ph-id="ph-widget-element-5107673521926793-89"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;" data-ph-id="ph-widget-element-5107673521926793-90"><a href="https://www.instagram.com/wbdlife/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank" data-ph-id="ph-widget-element-5107673521926793-91">Warner Bros. Discovery Life</a> (@<a href="https://www.instagram.com/wbdlife/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank" data-ph-id="ph-widget-element-5107673521926793-92">wbdlife</a>) • Instagram photos and videos</p></div></blockquote> <script async="" src="//www.instagram.com/embed.js" data-ph-id="ph-widget-element-5107673521926793-93" nonce=""></script> </div> </ppc-container> </div> </div> </div> </div> </div></div></div></section><section class="ph-media-cc-view1-option5-theme1 ph-widget" type="static" view="1727174205080-media-cc-view1-option5-savedView-1727174141035" original-view="ph-media-cc-view1-option5" theme="theme1" instance-id="rNJtux" data-ph-id="-1727174204762"><div class="ph-media-cc-view1-option5-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1727174205080-media-cc-view1-option5-savedView-1727174141035" original-view="ph-media-cc-view1-option5" theme="theme1" ph-removed="true" data-ph-id="-1727174204762-1" instance-id="rNJtux"><div class="ph-component-cntr ph-widget-box brand-color-primary-bg header-center heading-block-hide" default-cards-count="4" max-allowed-cards="8" style="background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; border-color: rgba(255, 255, 255, 0);" data-ph-id="ph-widget-element-5107701038201948-2"> <div class="inner-container ph-cc-d-p-a-1" data-ph-id="ph-widget-element-5107701038201948-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5107701038201948-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-5107701038201948-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5107701038201948-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-5107701038201948-15"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5107701038201948-20"> <div class="ph-card-container stackable" data-cards-per-row="eight" data-ph-id="ph-widget-element-5107701038201948-21"><div class="ph-card ph-cc-d-p-a-1" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" instance-id="KAENbw" data-ph-id="ph-widget-element-5107701038201948-22"> <div class="ph-media-cc-view1 ph-card-block full-card-link card-elems-center ph-cc-d-p-a-1" data-ph-at-id="ph-media-cc-view1" style="position: relative; display: block;" data-ph-id="ph-widget-element-5107701038201948-23"> <a ph-cms-link="true" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-tevent="static_content_click" title="" ph-href="https://www.instagram.com/wbdlife/" target="_blank" key-aria-label="59kkdC-rNJtux-VRsSOT-ph-media-cc-view1-option5-savedView-1727174141035-" key-title="7zq5xb-rNJtux-VRsSOT-ph-media-cc-view1-option5-savedView-1727174141035-" key-ph-href="rNJtux-VRsSOT-ph-media-cc-view1-option5-savedView-1727174141035-https://www.instagram.com/wbdlife/" instance-id="VRsSOT" data-ph-id="ph-widget-element-5107701038201948-24"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5107701038201948-25"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5107701038201948-26"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5107701038201948-27"> <figure class="image" role="presentation" key-role="rNJtux-pL9CVp-ph-media-cc-view1-option5-savedView-1727174141035-presentationRole" instance-id="pL9CVp" data-ph-id="ph-widget-element-5107701038201948-28"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-img-circle ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5107701038201948-29"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5107701038201948-30"> <img key-src="rNJtux-U3ptlP-ph-media-cc-view1-option5-savedView-1727174141035-image-src" alt="Instagram" key-alt="rNJtux-U3ptlP-ph-media-cc-view1-option5-savedView-1727174141035-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" crop-size="fit" instance-id="U3ptlP" data-ph-id="ph-widget-element-5107701038201948-31" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/images/Screenshot2024-09-05at1.46.43PM-1725558423290.png" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5107701038201948-32"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5107701038201948-33"> </div> </div> </div> </div> </div><div class="ph-card ph-cc-d-p-a-1" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" instance-id="3sGFfi" data-ph-id="ph-widget-element-5107701038201948-48"> <div class="ph-media-cc-view1 ph-card-block full-card-link card-elems-center ph-cc-d-p-a-1" data-ph-at-id="ph-media-cc-view1" style="position: relative; display: block;" data-ph-id="ph-widget-element-5107701038201948-49"> <a ph-cms-link="true" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-tevent="static_content_click" title="" ph-href="https://www.instagram.com/wbdlife/" target="_blank" key-aria-label="ZRYzFT-rNJtux-xfQ7DD-ph-media-cc-view1-option5-savedView-1727174141035-" key-title="PhkNVi-rNJtux-xfQ7DD-ph-media-cc-view1-option5-savedView-1727174141035-" key-ph-href="rNJtux-xfQ7DD-ph-media-cc-view1-option5-savedView-1727174141035-https://www.instagram.com/wbdlife/" instance-id="xfQ7DD" data-ph-id="ph-widget-element-5107701038201948-50"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5107701038201948-51"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5107701038201948-52"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5107701038201948-53"> <figure class="image" role="presentation" key-role="rNJtux-di07nV-ph-media-cc-view1-option5-savedView-1727174141035-presentationRole" instance-id="di07nV" data-ph-id="ph-widget-element-5107701038201948-54"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-img-circle ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5107701038201948-55"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5107701038201948-56"> <img key-src="rNJtux-x6nICb-ph-media-cc-view1-option5-savedView-1727174141035-image-src" alt="Instagram" key-alt="rNJtux-x6nICb-ph-media-cc-view1-option5-savedView-1727174141035-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" crop-size="fit" instance-id="x6nICb" data-ph-id="ph-widget-element-5107701038201948-57" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/images/SocialMediaIcons2copy-1721726982150.png" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5107701038201948-58"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5107701038201948-59"> </div> </div> </div> </div> </div><div class="ph-card ph-cc-d-p-a-1" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" instance-id="JXekbG" data-ph-id="ph-widget-element-5107701038201948-74"> <div class="ph-media-cc-view1 ph-card-block full-card-link ph-cc-d-p-a-1" data-ph-at-id="ph-media-cc-view1" style="position: relative; display: block;" data-ph-id="ph-widget-element-5107701038201948-75"> <a ph-cms-link="true" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-tevent="static_content_click" title="" ph-href="https://www.linkedin.com/company/warner-bros-discovery/" target="_blank" key-aria-label="Zd5GfG-rNJtux-u5uwwg-ph-media-cc-view1-option5-savedView-1727174141035-" key-title="YX4v6v-rNJtux-u5uwwg-ph-media-cc-view1-option5-savedView-1727174141035-" key-ph-href="rNJtux-u5uwwg-ph-media-cc-view1-option5-savedView-1727174141035-https://www.linkedin.com/company/warner-bros-discovery/" instance-id="u5uwwg" data-ph-id="ph-widget-element-5107701038201948-76"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5107701038201948-77"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5107701038201948-78"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5107701038201948-79"> <figure class="image" role="presentation" key-role="rNJtux-N7Amyb-ph-media-cc-view1-option5-savedView-1727174141035-presentationRole" instance-id="N7Amyb" data-ph-id="ph-widget-element-5107701038201948-80"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-img-circle ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5107701038201948-81"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5107701038201948-82"> <img key-src="rNJtux-r2rqJW-ph-media-cc-view1-option5-savedView-1727174141035-image-src" alt="LinkedIn" key-alt="rNJtux-r2rqJW-ph-media-cc-view1-option5-savedView-1727174141035-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" crop-size="fit" instance-id="r2rqJW" data-ph-id="ph-widget-element-5107701038201948-83" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/images/SocialMediaIcons3-1721726985682.png" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5107701038201948-84"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5107701038201948-85"> </div> </div> </div> </div> </div><div class="ph-card ph-cc-d-p-a-1" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" instance-id="y8a4LS" data-ph-id="ph-widget-element-5107701038201948-100"> <div class="ph-media-cc-view1 ph-card-block full-card-link ph-cc-d-p-a-1" data-ph-at-id="ph-media-cc-view1" style="position: relative; display: block;" data-ph-id="ph-widget-element-5107701038201948-101"> <a ph-cms-link="true" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-tevent="static_content_click" title="" ph-href="https://x.com/WBDlife?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" key-aria-label="MU4mlu-rNJtux-QHUkwX-ph-media-cc-view1-option5-savedView-1727174141035-" key-title="YfqfxC-rNJtux-QHUkwX-ph-media-cc-view1-option5-savedView-1727174141035-" key-ph-href="rNJtux-QHUkwX-ph-media-cc-view1-option5-savedView-1727174141035-https://x.com/WBDlife?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" instance-id="QHUkwX" data-ph-id="ph-widget-element-5107701038201948-102"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5107701038201948-103"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5107701038201948-104"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5107701038201948-105"> <figure class="image" role="presentation" key-role="rNJtux-wJoATQ-ph-media-cc-view1-option5-savedView-1727174141035-presentationRole" instance-id="wJoATQ" data-ph-id="ph-widget-element-5107701038201948-106"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-img-circle ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5107701038201948-107"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5107701038201948-108"> <img key-src="rNJtux-cMQbIA-ph-media-cc-view1-option5-savedView-1727174141035-image-src" alt="X" key-alt="rNJtux-cMQbIA-ph-media-cc-view1-option5-savedView-1727174141035-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" crop-size="fit" instance-id="cMQbIA" data-ph-id="ph-widget-element-5107701038201948-109" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/images/SocialMediaIcons1-1721726983684.png" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5107701038201948-110"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5107701038201948-111"> </div> </div> </div> </div> </div><div class="ph-card ph-cc-d-p-a-1" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" instance-id="wSsgq3" data-ph-id="ph-widget-element-5107701038201948-126"> <div class="ph-media-cc-view1 ph-card-block full-card-link ph-cc-d-p-a-1" data-ph-at-id="ph-media-cc-view1" style="position: relative; display: block;" data-ph-id="ph-widget-element-5107701038201948-127"> <a ph-cms-link="true" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-tevent="static_content_click" title="" ph-href="https://www.youtube.com/channel/UCA0cExzTljXUQEC7K_KEWag" target="_blank" key-aria-label="5MCxLi-rNJtux-e23zvt-ph-media-cc-view1-option5-savedView-1727174141035-" key-title="bAy4dz-rNJtux-e23zvt-ph-media-cc-view1-option5-savedView-1727174141035-" key-ph-href="rNJtux-e23zvt-ph-media-cc-view1-option5-savedView-1727174141035-https://www.youtube.com/channel/UCA0cExzTljXUQEC7K_KEWag" instance-id="e23zvt" data-ph-id="ph-widget-element-5107701038201948-128"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5107701038201948-129"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5107701038201948-130"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5107701038201948-131"> <figure class="image" role="presentation" key-role="rNJtux-EDtMoc-ph-media-cc-view1-option5-savedView-1727174141035-presentationRole" instance-id="EDtMoc" data-ph-id="ph-widget-element-5107701038201948-132"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-img-circle ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5107701038201948-133"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5107701038201948-134"> <img key-src="rNJtux-eYLjYd-ph-media-cc-view1-option5-savedView-1727174141035-image-src" alt="YouTube" key-alt="rNJtux-eYLjYd-ph-media-cc-view1-option5-savedView-1727174141035-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" crop-size="fit" instance-id="eYLjYd" data-ph-id="ph-widget-element-5107701038201948-135" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/images/SocialMediaIcons-1721726988938.png" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5107701038201948-136"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5107701038201948-137"> </div> </div> </div> </div> </div><div class="ph-card ph-cc-d-p-a-1" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" instance-id="26n13f" data-ph-id="ph-widget-element-5107701038201948-152"> <div class="ph-media-cc-view1 ph-card-block full-card-link ph-cc-d-p-a-1" data-ph-at-id="ph-media-cc-view1" style="position: relative; display: block;" data-ph-id="ph-widget-element-5107701038201948-153"> <a ph-cms-link="true" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-tevent="static_content_click" title="" ph-href="https://www.tiktok.com/@wbdlife" key-aria-label="ZkcrkJ-rNJtux-pRKQ5m-ph-media-cc-view1-option5-savedView-1727174141035-" key-title="dqYT2F-rNJtux-pRKQ5m-ph-media-cc-view1-option5-savedView-1727174141035-" key-ph-href="rNJtux-pRKQ5m-ph-media-cc-view1-option5-savedView-1727174141035-https://www.tiktok.com/@wbdlife" target="_blank" instance-id="pRKQ5m" data-ph-id="ph-widget-element-5107701038201948-154"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5107701038201948-155"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5107701038201948-156"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5107701038201948-157"> <figure class="image" role="presentation" key-role="rNJtux-x4wsqT-ph-media-cc-view1-option5-savedView-1727174141035-presentationRole" instance-id="x4wsqT" data-ph-id="ph-widget-element-5107701038201948-158"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-img-circle ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5107701038201948-159"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5107701038201948-160"> <img key-src="rNJtux-yJPcd0-ph-media-cc-view1-option5-savedView-1727174141035-image-src" alt="TikTok" key-alt="rNJtux-yJPcd0-ph-media-cc-view1-option5-savedView-1727174141035-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" crop-size="fit" instance-id="yJPcd0" data-ph-id="ph-widget-element-5107701038201948-161" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/images/SocialMediaIcons4-1721726987100.png" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5107701038201948-162"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5107701038201948-163"> </div> </div> </div> </div> </div><div class="ph-card ph-cc-d-p-a-1" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" instance-id="wFWIdB" data-ph-id="ph-widget-element-5107701038201948-178"> <div class="ph-media-cc-view1 ph-card-block full-card-link ph-cc-d-p-a-1" data-ph-at-id="ph-media-cc-view1" style="position: relative; display: block;" data-ph-id="ph-widget-element-5107701038201948-179"> <a ph-cms-link="true" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-tevent="static_content_click" title="" ph-href="https://open.spotify.com/show/03a2lQ92ObarGxPGm3IYBN?si=8fb4c99a048146e0" target="_blank" key-aria-label="qfWUqq-rNJtux-D64cwL-ph-media-cc-view1-option5-savedView-1727174141035-" key-title="2ibsta-rNJtux-D64cwL-ph-media-cc-view1-option5-savedView-1727174141035-" key-ph-href="rNJtux-D64cwL-ph-media-cc-view1-option5-savedView-1727174141035-https://www.youtube.com/channel/UCA0cExzTljXUQEC7K_KEWag" instance-id="D64cwL" data-ph-id="ph-widget-element-5107701038201948-180"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5107701038201948-181"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5107701038201948-182"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5107701038201948-183"> <figure class="image" role="presentation" key-role="rNJtux-6u99cb-ph-media-cc-view1-option5-savedView-1727174141035-presentationRole" instance-id="6u99cb" data-ph-id="ph-widget-element-5107701038201948-184"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-img-circle ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5107701038201948-185"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5107701038201948-186"> <img key-src="rNJtux-Eb0f6l-ph-media-cc-view1-option5-savedView-1727174141035-image-src" alt="Spotify" key-alt="rNJtux-Eb0f6l-ph-media-cc-view1-option5-savedView-1727174141035-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" crop-size="fit" instance-id="Eb0f6l" data-ph-id="ph-widget-element-5107701038201948-187" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/images/SocialMediaIcons-1721726978626.png" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5107701038201948-188"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5107701038201948-189"> </div> </div> </div> </div> </div><div class="ph-card ph-cc-d-p-a-1" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" instance-id="si0QDQ" data-ph-id="ph-widget-element-5107701038201948-204"> <div class="ph-media-cc-view1 ph-card-block full-card-link card-elems-center ph-cc-d-p-a-1" data-ph-at-id="ph-media-cc-view1" style="position: relative; display: block;" data-ph-id="ph-widget-element-5107701038201948-205"> <a ph-cms-link="true" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-tevent="static_content_click" title="" ph-href="https://www.instagram.com/wbdlife/" target="_blank" key-aria-label="GsIqcN-rNJtux-K96mzW-ph-media-cc-view1-option5-savedView-1727174141035-" key-title="DEKaVx-rNJtux-K96mzW-ph-media-cc-view1-option5-savedView-1727174141035-" key-ph-href="rNJtux-K96mzW-ph-media-cc-view1-option5-savedView-1727174141035-https://www.instagram.com/wbdlife/" instance-id="K96mzW" data-ph-id="ph-widget-element-5107701038201948-206"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5107701038201948-207"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5107701038201948-208"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5107701038201948-209"> <figure class="image" role="presentation" key-role="rNJtux-9q2Mna-ph-media-cc-view1-option5-savedView-1727174141035-presentationRole" instance-id="9q2Mna" data-ph-id="ph-widget-element-5107701038201948-210"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-img-circle ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5107701038201948-211"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5107701038201948-212"> <img key-src="rNJtux-H86wNh-ph-media-cc-view1-option5-savedView-1727174141035-image-src" alt="Instagram" key-alt="rNJtux-H86wNh-ph-media-cc-view1-option5-savedView-1727174141035-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" crop-size="fit" instance-id="H86wNh" data-ph-id="ph-widget-element-5107701038201948-213" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/images/Screenshot2024-09-05at1.46.43PM-1725558423290.png" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5107701038201948-214"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5107701038201948-215"> </div> </div> </div> </div> </div></div> </div> <div class="ph-container-footer-block" data-ph-id="ph-widget-element-5107701038201948-230"> <div class="ph-footer-block-default" card-name="ph-footer-block-default" data-ph-id="ph-widget-element-5107701038201948-231"> <div class="footer-block-actions" data-ph-id="ph-widget-element-5107701038201948-232"> </div> </div> </div> </div> </div></div></section><section class="ph-widget" instance-id="81a3gk" view="81a3gk-default" original-view="default" data-ph-id="ph-page-element-page1-Gj9WBh"> <div class="ph-recently-viewed-jobs-v3-default-theme26 ph-widget-target" data-widget="ph-recently-viewed-jobs-v3" theme="theme26" jobs-display-mode="seeMore" max-display-count="6" instance-id="81a3gk" view="default-1603775840544" original-view="default" data-ph-id="ph-page-element-page1-9pfUgU" click-tojd="false" as-element="ph-recently-viewed-jobs-v3"></div> </section> <!--glassdoor--> </div> </div> <div class="ph-footer" data-ph-id="ph-page-element-page1-53APj2"><div class="footer-layout" type="footer-layout"> <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="oFfMpjC8-zB2qJaH4"></pcs-widget> </div></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/pp/WAMEGLOBAL/en_global/desktop/assets/scripts/1650988232779-custom.js" data-ph-id="ph-page-element-page1-U2kXb5" async="" nonce=""></script> <script id="platform_script_polyfill" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/minified.js"></script><script id="platform_script_vendor" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/vue.min-1.0_1636721870521.js"></script><script id="platform_script_common" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/common/pcs-common-v1.17_1713953061742.js"></script><script id="caas_bootstrapper" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/bootstrap/ph-platform-1.17_1711627640948.js" defer="" nonce=""> </script><script type="text/javascript">if(phApp) {phApp.viewsFromPage = true} else {var phApp = {"viewsFromPage":true}}</script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/WAMEGLOBAL/en_global/desktop/page1/caas-platform/page-views-1729524688460.js"></script></body> </html><div id='csrfToken' style='display:none'>ad617aa66c8741e4adbe70e2f8646bf8</div>